Google Maps APIメモ(v2) #1 超基本

忘れまくってるのでメモ

超基本

head内にスクリプトを読み込む

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=上で取得したAPIキー"
    type="text/javascript"></script>
<script src="path-to-file/map.js" type="text/javascript"></script>

map.jsの中身

function initialize() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas_id"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
    }
}

bodyタグ

<body onload="initialize()" onunload="GUnload()">

HTMLの中身

<div id="map_canvas"></div>

という空のdivを用意する。幅と高さは指定してやる。
サンプル

関連エントリー