指定範囲を全て表示するようZoom値を自動調整「fitBounds」[GoogleMapsAPI] — 気ままにWeb
ちょっとハマったのでメモメモ。 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
![指定範囲を全て表示するようZoom値を自動調整「fitBounds」[GoogleMapsAPI] — 気ままにWeb](https://cdn-ak-scissors.b.st-hatena.com/image/square/86d552826dee98216f573709616610139f1686fc/height=288;version=1;width=512/http%3A%2F%2Fmspec.jp%2Fblog%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png)
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
