前から気になっていてなかなかさわれなかった「Google Maps API v3」だけど、今回コミュニティサイト「すきなばしょ」のプリント用画面があるんだけど、そこに実装してみた。

<pre><html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=<em>set_to_true_or_false</em>"></script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html></pre>

ソースコードを見てもえらるとわかるけど、地図の初期設定が変数でまとめられている。メソッドを呼び出して設定することがなくなったので、楽になった。今回のバージョンアップの特徴としてAPIキーを取得しなくても良くなったり、GPS機能が付いているモバイル機器では経緯と緯度が取得できるようになった。

ジオコーディングもちゃんとできるので、ほぼ使いたい機能は使えるような気がする。ただ、ストリートビューがつかえなかったり、一部の機能がまだ使えない。
アクセスマップなどで使うときにiphoneなどでアクセスすると目的地までの進路の案内ができそうだ。道に迷わず目的地まで辿りつける。

日本語のリファレンスがまだないぽい。。。
「Google Maps API Version3 日本語ドキュメント(非公式)」っていうのがあった。

関連記事