GoogleMapSample2:マーカーと情報ウィンドウ表示

ページ開いた瞬間にマーカーと情報ウィンドウを表示する。


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);
marker.openInfoWindow(("Hello, world"));
}
}
<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);
マップの中心と拡大率を指定する。

marker.openInfoWindow(("Hello, world"));
情報ウィンドウを表示。openInfoWindowでは中に入れれるのはテキストのみ。

コメントを残す

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