地図がドラッグされたら、地図の中心座標を取得する

説明

地図がドラッグされると"center_change"、"dragend"、 "bounds_changed"イベントが発生します。 もし単に地図の中心を知りたいのなら、最も簡単な方法は "mapCanvas.getCenter()" メソッドです。 次のコードは "google.maps.event.addListener()"を使った方法を紹介しています。

<script type='text/javascript'>

    var mapCanvas;
    function intialize() {
      //Create a map
      mapCanvas = new google.maps.Map(document.getElementById("map_canvas"));
      
      mapCanvas.setCenter(new google.maps.LatLng(35.676148, 139.74479));
      mapCanvas.setZoom(9);
      mapCanvas.setMapTypeId(google.maps.MapTypeId.ROADMAP);
      
      var infoWnd = new google.maps.InfoWindow({
        content :  mapCanvas.getCenter().toUrlValue(),
        position : mapCanvas.getCenter(),
        disableAutoPan: true
      });
      infoWnd.open(mapCanvas);
  
      //Retrive the center location
      google.maps.event.addListener(mapCanvas, "center_changed", function() {
        infoWnd.setContent(mapCanvas.getCenter().toUrlValue());
        infoWnd.setPosition(mapCanvas.getCenter());
        infoWnd.open(mapCanvas);
      });
    }
    google.maps.event.addDomListener(window, "load", intialize);
  </script>





サイト内検索
Google Maps APIプログラミング入門 第2版
Google Maps APIプログラミング入門 第2版
全520ページ。Google Maps API version3を中心に公式ドキュメントより詳しく解説しています。
詳しくはこちら
Google Maps APIプログラミングガイド

Google Maps API Expert 4人が共著で執筆。中級者向けに実用に役立つサンプルを中心に紹介! スマートフォン時代に合わせたGoogle Maps APIの使い方も掲載。
詳しくはこちら