グーグルマップを作る簡単なウィザード(API)

1. 位置とズームレベルの設定

まず地名や住所を入力し、現れるマーカーをドラック&ドロップして位置を決めます。
さらに、plus minus でズームレベルを決めます。

Loading...

2. フキダシ(info Window)とコントロールの設定

フキダシ中に入れる文言(使わない場合は空白):

マップが表示されたときにフキダシを開く:
移動・ズームのコントロールを表示する:
マップタイプ切替のコントロールを表示する:
マップの幅: ピクセル
マップの高さ: ピクセル
マップタイプ初期設定:

3. コード出力

コピー&ペーストします。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Google Map</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=「キー」"
            type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        var point = new GLatLng;
        map.setCenter(point, );
        
        
        map.setMapType();
        var marker = new GMarker(point);
        
        
        map.addOverlay(marker);
        
      }
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: px; height: px"></div>
  </body>
</html>

4. Maps API を使うには、サイト固有の API キーが必要です。

キーを取得して、出力したコードの「キー」の部分に貼り付けてください。