たたみラボ

  • about
  • member
  • r&d
  • blog
  • tatamicast

blog

RSS

GoogleMapを自分のブログに貼る

icon December 23, 2005 5:57 PM by funami このエントリーを含むはてなブックマーク

ブログに地図を貼り付けられる、その2「地図日記」
http://www.tatamilab.jp/rnd/archives/000063.html

マウスでドラッグスクロールが可能な、ちず窓ベータオープン
http://www.tatamilab.jp/rnd/archives/000046.html

等で、いかにして、自分のブログに地図を貼るかを検討しています。
ハコパンダ、はてなMAPとかは、googleMapAPIを利用しているわけで、もしgoogleMapがそのまま、自分のブログに貼れれば、それにこしたことはないわけです。
手続きが面倒な感じもしていたのですが、やってみたら、意外と簡単。
Web2.0なら、そういうのも簡単にできるはずなんだけどなあと思いつき、自分でやってみることにしました。
このブログへの貼りこみはまだ成功していないんですが、

テストページに貼り込む事は簡単にできました。
http://tatamilab.jp/~funami/map/

手順

1.Google Maps API にサインアップ
2. Google Maps API keyが発行されて、サンプルコードも作成される。
3.サンプルコードを自分のページに貼りこんでアップする。

以上です。

<div id="map" style="width: 500px; height: 400px">
<p> </p>
<p> </p>
</div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);

//]]>
</script>

こういうサンプルコードが表示されます。

-122.1419, 37.4419 が座標のようです。

この地図で表示されるのは、Palo Altoですね。


なんとか、ブログに貼れるように、もうすこし試してみます。

TRACKBACKS

ページトップへ



(C) RECRUIT MEDIA COMMUNICATIONS CO., LTD.