|
|
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">
を書いておかないと表示がおかしくなるといった問題に遭遇した。
マーカーを出すのにもやや試行錯誤が必要のようだ。
一応、地図のページでこれを使ってみた。
参考
|