Google Maps APIで雷門を表示する。

前回の「Google Maps APIを試す。 」では、スタンフォード大学があるアメリカの地図が表示されました。日本人はやはり日本の地図でないとピンとこないですね。ということで、今回は、雷門二丁目の地図を最初に表示させることにしました。

ついでに、衛星写真モードへの切替ボタンもつけ加えました。また、中心点は炭火やきとり「師子の子」の場所にして、そこから吹き出しが出るようにしました。

↓こちらが、ファイルへのリンク。

Google Maps API-「師子の子」吹き出し

スクリプト部分の記述は↓

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(139.7944915, 35.7096487), 1);
map.openInfoWindow(map.getCenterLatLng(),
document.createTextNode("雷門２丁目「師子の子」"));