jQueryでGPSを取得して地図を表示するサンプルです。 地図はYahooのAPI(YOLP)を使っています。(ブログの画像はgoogleですけどね) 特にYOLP使っている理由はないんですが、google map 以外も使えるようになろうかなと。 JavaScriptでは「Geolocation API」というAPIを使い「navigator.geolocation」で位置情報を取得出来ます。 位置情報はこんな感じです。 position.coords.latitude:緯度 position.coords.longitude:経度 まずはHTMLです。 特になにもありませんが、位置情報取得開始用のリンクと地図表示ようのDIVを定義しておきます。 <div id="contents"> <a href="javascript:void(0);" id="gps_map">位置を取得する
![jQueryでGPS位置情報を取得してYahooの地図API(YOLP)を表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e5c81859d2b8105c375fc389feddddf170e5c8a/height=288;version=1;width=512/http%3A%2F%2Fwww.b-prep.com%2Fblog%2Fwp-content%2Fuploads%2F2012%2F01%2Fmaps.jpg)