Geolocation

IPアドレスや、GPSから位置情報を取得!

<script type="text/javascript">
  if (navigator.geolocation) {
    // 現時位置の取得
    navigator.geolocation.getCurrentPosition(

      // 位置情報の取得成功
      function (pos) {
         var location = "<p>緯度:" + pos.coords.latitude + "</p>";
         location += "<p>経度:" + pos.coords.longitude + "</p>";
         var link = "http://maps.google.co.jp/maps?q=" + pos.coords.latitude + ",+" + pos.coords.longitude + "+%28%8E%E6%93%BE%82%B3%82%EA%82%BD%8C%BB%8D%DD%92n%29&iwloc=A&hl=ja";
         var doc = document.getElementById("msg");
         doc.innerHTML = location;
         doc.innerHTML += "<p>【現在地をGoogleMapで検索】</p>";
         doc.innerHTML += "<p><a href=\"" + link + "\">" + link + "</a></p>";
      },
      // 位置情報の取得失敗
      function (error) {
        var errMsg = "";

        switch (error.code) {

          // 位置情報の取得が拒否された
          case error.PERMISSION_DENIED:
            errMsg = "位置情報の取得が拒否されました。";
            break;

          // 位置情報を取得できなかった
          case error.POSITION_UNAVAILABLE:
            errMsg = "位置情報を取得できませんでした。";
            break;

          // タイムアウト
          case error.PERMISSION_DENIED_TIMEOUT:
            errMsg = "位置情報の取得中にタイムアウトが発生しました。";
            break;
        }
        alert(errMsg );
      }
    );
  } else {
    alert("Geolocationに非対応のブラウザです。");
  }
</script>
<div>
<br /><h1>geolocationのテストです!</h1><br />
<p>IPアドレスや、GPS等から位置情報を取得。IPアドレスだと、だいぶ位置がずれる。</p>
</div>
<div id="msg">
</div>
最終更新:2011年07月17日 14:34
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。