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

  • 投稿日
  • 更新日
  • 著者 nishiaki
  • カテゴリー Blog

忘れまくってるのでメモ

超基本

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を用意する。幅と高さは指定してやる。
サンプル

関連エントリー

google google map api javascript

この記事を書いた人

nishiaki

記事一覧