Google Mapの利用 -(6)中心座標の取得- LUNARAVE WEBクリエーターの仕事と休息/ウェブリブログ

Google Mapの利用 -(6)中心座標の取得-

<< 作成日時： 2007/08/31 12:41 >>

仕事の関係でテストを再開した"Google Map"。
現在、ツールボタンやスライダーを設置し大阪駅が表示されるようにしている。

　サンプルマップ

類似サービスに"Yahoo!地図情報"のAPIがあり、そちらでは中心座標が取得できたので"Google Map"も同様にできないか調べてみた。

前回のソースを利用して機能を追加する。

ソース中のコメントしている「//▼マーカー」という行の上に以下を追記する。

GEvent.addListener(map,"move", function() {
　var mappoint = map.getCenter();
　document.getElementById("point").innerHTML = mappoint;
});

次に地図を表示している「<div id="map" style="width: 300px; height: 300px"></div>」の下に一行付け加える。

<div id="point"></div>

この追記したプログラムは地図を移動させたときに、その時の中心座標を地図の下に表示するというものだ。

この状態で地図を確認してみる。

　地図表示

これで任意の場所に地図を中心に合わせたいときやアイコン表示がしやすくなる。

タイトル（本文）	ブログ名／日時

内容	ニックネーム／日時