Googleマップ 以外でJavaScriptで地図を操作するには?
こちらの HTML をコピー ブラウザで「map.html?lng=139.7649308&lat=35.6812405」にアクセスすると東京駅が表示されます。 地図を動かすと、中心のマーカーも動き、常に地図の中心を指すようにしています。これは moveイベント で、マーカーを地図の中心にセットしているからです。 次に↓下の部分に注目してください。地図移動後に、緯度経度を親のウィンドウに postMessage で伝えていています。 iframe で地図を表示して、地図移動後にイベントで緯度経度を取得します。 postMessage された緯度経度を、messageイベント で受け取り、テキストボックスに表示することができました。
Googleマップ 以外でJavaScriptで地図を操作するには? Read More »