2008年9月29日月曜日

"Google Ajax API"で"Google Maps API"

スズキです。

以前紹介した、"Google Ajax API"にのっとって、
http://suz-lab.blogspot.com/2008/07/google-ajax-api.html
"Google Maps API"を使うサンプルです。

詳しくは、こちらのお話です。
http://code.google.com/intl/ja/apis/maps/documentation/index.html#AJAX_Loader

--------
<head>
  <meta http-equiv="Content-Type"
      content="text/html; charset=utf-8" />
  <title>Google Maps API</title>
  <script type="text/javascript"
      src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load("jquery", "1");
    google.load("maps", "2");
    google.setOnLoadCallback(function(){
      var map = new google.maps.Map2(
        $("#map")[0]
      );
      map.setCenter(
        new google.maps.LatLng(37, -122),
        13
      );
    });
  </script>
  <style type="text/css">
    #map {
      width : 300px;
      height: 300px;
    }
  </style>
</head>
<body><div id="map">地図</div></body>
--------
※インデントは全角スペースを用いています。

ついでにストリート ビューも試しとくか。
http://code.google.com/intl/ja/apis/maps/documentation/services.html#Streetview

--
http://suz-lab.blogspot.com/

0 コメント: