Google Map API v3で距離を算出する方法(JavaScript)

最終更新日	2013/10/23
公開日	2012/05/16
カテゴリ	プログラミングの小ネタ
文字数	2,692
読了時間	約7分

仕事で2点間の距離を算出する必要に迫られました。
最初はどうやってやるのか想像もつかず、調べても事例が少なく困っていました。

唯一見つけたのが、「Google Maps API V3で距離を求める方法 | ロジカルアーツ研究所」。
これがめちゃくちゃ参考になり、なんとか解決できました。

一応、プログラムを本職としていますが、知らないことは数多くありますね。
というか、知らないことだらけ。

Google Maps 8Bit April Fools Day Worldmap / Vanderelbe.de

このページの目次

ソースコード

解決できたソースコードは以下のとおりです。

     <script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=true&language=ja"></script>
     <script type="text/javascript" src="http://code.google.com/apis/gears/gears_init.js"></script>
     <script>
          var posA, posB;
          var geocoder;
         
          //住所から距離算出
          function showAddress(adrs) {
               geocoder = new google.maps.Geocoder();
              
               var req = {
                  address: adrs
                };
               geocoder.geocode(req, geoResultCallback);
          }
         
         function geoResultCallback(result, status) {
               if (status != google.maps.GeocoderStatus.OK) {
                    return;
               }
               posB = result[0].geometry.location;
               var distance = google.maps.geometry.spherical.computeDistanceBetween(posA, posB);
               alert(distance.toFixed(0) + "m");
         }
        
        
         function initialize() {
              if(navigator.geolocation) {
                   navigator.geolocation.getCurrentPosition(function (position) {
                       // 位置情報を取得
                       var coords = position.coords;
                       posA = new google.maps.LatLng(coords.latitude, coords.longitude);
                   });
              } else if (google.gears) {
                   var geo = google.gears.factory.create('beta.geolocation');
                  geo.getCurrentPosition(function(position) {
                      posA = new google.maps.LatLng(position.latitude,position.longitude);
                  });
              }
         }
     </script>
</head>
<body onload="initialize()">