Skip to content

気ままにWeb

webに関するもろもろ書いていきます。

気ままにWeb

月: 2010年12月

指定範囲を全て表示するようZoom値を自動調整「fitBounds」[GoogleMapsAPI]

2010/12/14

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

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さんご指定の範囲指定形式にしとかんとイカンようです。

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

GoogleMapsAPI

AdSense

カテゴリー

  • Eclipse
  • Faebook
  • GoogleMapsAPI
  • Internet Explorer
  • javascript
  • jQuery
  • Mac
  • Mobile
  • PHP
  • 未分類

最近の投稿

  • FacebookのPagePlugin版Like Boxの幅を動的に変える方法
  • IE8でjQueryというかJavaScriptが動かない。
  • MacBook Air Mid 2011(Mac OS X Lion)の起動が遅くなった
  • Mac OS X LionのEclipseで「Java heap space」と表示されて処理が止まる
  • Mac OS X Lionにmacportsを再インストールした

アーカイブ

  • 2015年7月
  • 2012年11月
  • 2012年6月
  • 2012年5月
  • 2010年12月
  • 2010年10月
  • 2010年9月
  • 2010年8月

Idealist by NewMediaThemes