Tag Archives: Geolocation

(HTML5)ジオロケーションを使ってみる

html5のジオロケーションを使ってみた。

⇒サンプル

日によって位置が変わるが、そこまで遠くない。。。

◇サンプルコード(jsのみ)

  function getGeo(){
    if(navigator.geolocation == null){
      alert("このブラウザは対応していません。");
    } else {
    navigator.geolocation.getCurrentPosition(
      function(position) {
        // 位置情報取得に成功した場合の処理
        var coords = position.coords;
        var obj = document.getElementById("geo");
        obj.innerHTML = "緯度: " + coords.latitude + "<br />経度: " + coords.longitude;
        var latlng = new google.maps.LatLng(coords.latitude, coords.longitude);
        var myOptions = {
          zoom: 14,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        // マップを生成
        var map = new google.maps.Map(document.getElementById("map"), myOptions);
        // 地図にマーカーをつける
        var marker = new google.maps.Marker({
            position: latlng,
            map: map
        });
        infowindow.open(map, marker);
      },
      function(error) {
        // 位置情報取得に失敗した場合の処理
        alert("位置情報の取得に失敗しました。");
      },
    // 以下がオプション
      {
        maximumAge: 60 * 1000,	// 1分以内に取得した位置情報のみ使用する
        timeout: 5000		// 5秒以内に取得できなかったらエラー
      }
    );}
  }