Google Maps API 公開!!

Google Maps の API が公開されたので、
自分のサイトに Google Maps の衛星写真を取り込めるようになった。

試しに作ってみました。
http://www.kawa.net/temp/gmap/odaiba.html

千葉付近の衛星写真だと誰も分からないので、分かりやすくお台場付近で。
六本木ヒルズが工事中の頃に撮影された衛星写真のようです。(ちょっと古い)

郊外はまだ高解像度の衛星写真が入っていないようですが、
何かいろいろな応用例ができそうです。

参考:http://www.google.com/apis/maps/documentation/
ソース例:
――――――――――――――――――――――――――――――――
var gmap1 = new GMap(document.getElementById("gmap1"));
gmap1.addControl(new GSmallZoomControl());
var mtype = gmap1.getMapTypes();
gmap1.setMapType( mtype[1] );
var point1 = new GPoint(139.765,35.635); // rainbow bridge
gmap1.centerAndZoom(point1,4);

var marker1 = new GMarker(point1);
var html1 = "レインボーブリッジだよ";
var win1 = function() { marker1.openInfoWindowHtml(html1); };
GEvent.addListener(marker1, "click", win1 );
gmap1.addOverlay(marker1);
――――――――――――――――――――――――――――――――

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック