Google MapsTMで遊んでみよう！

最終更新日 2007/11/10
【地図の境界座標と中心座標の表示】
　下の例では、マウスで地図上をクリックするとGoogle地図上の境界座標と中心座標を抽出することができます。
中心座標はメッセージボックス内に表示します。
 ブラウザで「ソースの表示」を行うとこの見本のJAVAScriptを読むことができます。
  　　　
　
  
【説明】
　下のようにgetBounds()で取得したmapオブジェクトの境界座標はmessageオブジェクトに表示します。
　地図の中心座標は開いたInfoWindow内に表示します。

　//<![CDATA[
　　function load() {
　　　 if (GBrowserIsCompatible()) {
　　　　 var map = new GMap2(document.getElementById("map"));
　　　　 map.addControl(new GLargeMapControl());
　　　　 map.addControl(new GMapTypeControl());
　　　　 map.addControl(new GScaleControl());
　　　　 map.setCenter(new GLatLng(34.94097,135.765953), 13);
　　　　GEvent.addListener(map, "moveend", function() {
 　　　　　var bounds = map.getBounds();
　　　　　 var center = map.getCenter();
　　　　　 document.getElementById("message").innerHTML = "(南西, 北東)＝"+bounds.toString();
　　　 　　map.openInfoWindow(map.getCenter(), document.createTextNode("中央座標="+center.toString()));
　　　　 });
　　　 }
　　 }
 　//]]>