ちょっとハマったのでメモメモ。

GoogleMapsAPIには、fitBoundsなる便利なメソッドが用意されています。
東西南北端の緯度経度を渡してやれば、それぞれの座標が地図上に全て表示されるように、zoom値を調整してくれるというもの。

ただ、コレの指定のしかたが謎だったのです。
結果的にはこんな感じ。

var maxlat = hoge;//最大緯度
var maxlng = hogehoge;//最大経度
var minlat = foo;//最小緯度
var minlng = foofoo;//最小経度

//北西端の座標を設定
var sw = new google.maps.LatLng(maxlat,minlng);
//東南端の座標を設定
var ne = new google.maps.LatLng(minlat,maxlng);

//範囲を設定
var bounds = new google.maps.LatLngBounds(sw, ne);

//自動調整
map.fitBounds(bounds,5);

map　はいつもの感じでMapオブジェクトを作っておく必要ありますが、ここでは省略します。

google.maps.LatLngBounds
↑コレがわからずに四苦八苦しました。
北西端と東南端を用意して、LatLngBoundsに突っ込んでgooglemapsさんご指定の範囲指定形式にしとかんとイカンようです。

なんとか無事に表示できました。
いやはや便利です。

1. 地図の表示と緯度経度の取得[GoogleMapsAPIVersion3]
2. マーカーと情報ウィンドウの表示と削除[GoogleMapsAPIVersion3]
3. XMLを読み込んでマーカーを表示する[jQuery]+[GoogleMapsAPIVersion3]
4. 表示されているマーカーのリストを表示する[jQuery]+[GoogleMapsAPIVersion3]
5. リストをクリックしたら情報ウィンドウを表示する[jQuery]+[GoogleMapsAPIVersion3]
6. 現在表示されている範囲内のマーカーだけ表示する[GoogleMapsAPIVersion3]+［PHP］
7. ジオコーディング[GoogleMapsAPI]

前回の予告通り、今回は逆ジオコーディングをやります。

本業がふんづまりなので、ちょっと現実逃避に…。

やりかたはごく簡単。
ジオコーディングと同じのようです。

ジオコーディングの時は、アドレスの文字列を渡しましたが、逆ジオコーディングは緯度経度を渡すらしいです。
前回同様、値と一緒に処理用のコールバックを渡してやります。

出来たのがこちら
more “逆ジオコーディング[GoogleMapsAPI]”