LUNARAVE WEBクリエイターの仕事と休息

アクセスカウンタ

Google Maps APIの利用戦国IXAWeb技術Youtubeチャンネル

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

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

ブログ気持玉 0 / トラックバック 0 / コメント 0

仕事の関係でテストを再開した"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>



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


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

 地図表示


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

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Google Mapの利用 -(6)中心座標の取得- LUNARAVE WEBクリエイターの仕事と休息/BIGLOBEウェブリブログ
文字サイズ:       閉じる