東西南北の座標を取得して表示 | 電脳備忘録

デザイナーさんにレイヤー用の画像を作っていただいたのですが、座標の事を考えていなかったためやはり悲しいことになりました。

今後のことを考えるとやはり対応できるようにしておかないとまずいと思ったので、東西南北の座標を取得する方法をgoogleさんに問い合わせて解決。備忘録として残しておこうと思います。

【google Maps API V3】表示範囲の東西南北座標取得
 Google Maps API Version3 イベント

マップをクリックしたときに座標を取得できるようにしています。

google.maps.event.addListener(map, 'click', function() {
var bounds = map.getBounds();
//東
document.getElementById("East").innerHTML = bounds.getNorthEast().lng();
//西
document.getElementById("West").innerHTML =
bounds.getSouthWest().lng();
//南
document.getElementById("South").innerHTML = bounds.getSouthWest().lat();
//北
document.getElementById("North").innerHTML = bounds.getNorthEast().lat();
});

で、取得した座標を表示

<body onload="initialize()">
<div id="map_canvas" style="width:1024px; height:768px"></div>
【東】<div id="East"></div><br />
【西】<div id="West"></div><br />
【南】<div id="South"></div><br />
【北】<div id="North"></div><br />
</body>