グーグルマップにタブ付の吹き出しを表示する
<<
作成日時 ： 2007/03/05 23:52
>>
ブログ気持玉 0 /
トラックバック 0 /
コメント 0
前回に引き続き、「吹き出し（情報ウィンドウ）」に関してです。
今回は、タブ付の「吹き出し」を表示します。
sample:
ソース：
//地図を表示 <div id="map">で指定したエリアに地図を表示
var map = new GMap(document.getElementById("map")) ;
//中心を設定
map.centerAndZoom(new GPoint(139.060576, 36.39089), 4) ;
//コントロールを表示
//拡大縮小コントロール
map.addControl(new GLargeMapControl()) ;
//地図･航空写真・地図＋航空写真の切り替え
map.addControl(new GMapTypeControl()) ;
//オーバービュー画面
map.addControl(new GOverviewMapControl());
//ポイントを表示
//ポイントを指定
var gpObj = new GPoint(139.060576, 36.39089);
//マーカー作成
var marker = new GMarker(gpObj);
//マーカー表示
map.addOverlay(marker);
//クリックされた時
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowTabsHtml([new GInfoWindowTab("タブ1","ラベル1"), new GInfoWindowTab("タブ2","ラベル2")]);
})
|
今回の肝は、これしかありません。
marker.openInfoWindowTabsHtml();
タブ付ウィンドウを表示するコマンドです。
new GInfoWindowTab("タブ1","ラベル1")というように、
「タブ名」とウィンドウ内に表示する文字列を指定します。
３つ以上のタブを表示することも可能です。
|
