i-mobile
次へ下へ

Everyday Pieces ::

ありふれたカケラ::人生というジグソーパズルのピースたち

現在位置取得してGoogleMap表示

公開日:2011年5月17日

IPアドレスをメインに位置情報を取得しているはず。
市区町村レベルの確かさのようです。
(あるいはそのレベルに抑えているのかも?)
各地区の中心部あたりに座標が置かれている模様です。
技術的にはこちらを参照してください。

メジャーなブラウザでの動作は一応確認しているつもりですが、
今のところChromeで参照するのが動作的に軽いと思われます。

ここをクリックすると位置情報を取得して地図を表示します。

※エラーみたいのが出たらリロードしてみてください。直るかも・・・(^_^;)

★2017年5月17日追記。
地図表示用DIV要素の領域をはみ出した部分が、
なぜか表示されるようになってしまっていたので、
CSSで overflow: hidden;を指定するようにしました。
GoogleMapの作りが最近なんか変わった影響?

★2017年3月10日追記。
freeGeoIPに対するJSONPが何故かうまく行かなくなってることに気づきました。
しょうがないんでPHP経由のJSON取得に変えて対応しました。
なんだかなぁ・・・うーむ。

★2016年5月4日追記。
freeGeoIPというのを見つけました。
Geolocationが許可されない場合に、
代わりに使えそうです。
こちらのデータを参照して結果を返しているようです。
実際に試してみると、
確度や精度がいまいちなことがある感じですが、
導入してみることにしました。
うまく行かなかった場合の代用を示すため、
Geolocationが失敗した場合のアラート表示は
そのままにしてあります。

★2016年5月3日追記。
Chrome ver50 からは、
こちらに書いてある通り、
HTTPSのようなsecureな環境でないと
GeolocationなAPIが使えなくなってしまいました。
このブログはこちらの無料ホスティングサービスを使用していますが、
残念ながらHTTPSが使えないので、
Chromeでは動作しません。
Firefoxでは許可すれば動作するようです。

★2015年9月17日追記。
v3.22で変更されたUIの配置やデザインが、
拙作のレイアウトにおいてはシックリ来ない感じなので、
APIのバージョンは3.21に固定するようにしてみました。

関連すると思われる記事

コメント投稿

返信をキャンセルする。

i-mobile
上へ次へ