GoogleMapSample3:マーカークリックで情報ウィンドウ表示

マーカーをクリックしたら情報ウィンドウを表示する。

window.onload = function() {

if (GBrowserIsCompatible()) {
var map = new GMap(document.getElementById("map"));
var point =new GPoint(-122.1419, 37.4419);
var marker = new GMarker(point);
map.centerAndZoom(point, 4);
map.addOverlay(marker);
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindow('Hello!');
});
}
}
<div id="map"><!--GoogleMap--></div>

var map = new GMap(document.getElementById("map"));
地図を表示する要素のIDを指定する。

var point =new GPoint(-122.1419, 37.4419);/code>
GPointで地図の中心を指定する。

var marker = new GMarker(point);
マーカーを作成して変数markerに代入。

map.centerAndZoom(point, 4);
マップの中心と拡大率を指定する。

GEvent.addListener(marker, 'click', function()
マーカーをクリックしたらfunctionを実行

marker.openInfoWindow('Hello!');
Helloと書いた情報ウィンドウを表示する

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください