Google マップに自分のお店やサービスの情報を表示する

マップ ヘルプ にしたがい、店舗情報を登録する。

Google Maps API をホームページに組み込む

　Google Maps API 登録ページで自分のウェブサイトの URL を登録すると使えるようになる。

 <div id='map' style='width:500px; height:500px;'>
 <script type="text/javascript"
 src="http://maps.google.co.jp/maps?file=api&v=2&key=あなたのキー" charset="utf-8">
 </script>
 <script type="text/javascript">
 //<![CDATA[
 function load() {
  var map = new GMap2(document.getElementById("map"));
  map.setCenter(new GLatLng(34.3626, 132.35025), 17);
 }
 onload = load;
 onunload = GUnload;
 //]]>
 </script>

と書くと、そこに Google Maps が現れる。 utf-8 を書かないと Internet Explorer 6 で使えないとか(FireFox では表示される……)、

 <meta http-equiv="Content-Script-Type" content="text/javascript">

を書いておかないと表示がおかしくなるといった問題に遭遇した。 マーカーを出すのにもやや試行錯誤が必要のようだ。

　一応、地図のページでこれを使ってみた。

参考

• CYBER@GARDEN Google Maps API解説