Google Map API にStreet View Objectsが追加

このエントリーをはてなブックマークに追加

巷で話題のGoogle マップ ストリートビューですが、Google Map APIにもStreet View Objectsが追加されているようなので早速使ってみました。

サンプル

地図上をクリックするとStreet Viewが表示されると非常にシンプルを作ってみました。

Google Map APIの基本的な使い方は以下を参考にしてください。

参考:Google Map を使いこなす

Street View Overlayの追加

svOverlay = new GStreetviewOverlay();
gMap.addOverlay(svOverlay);

地図上にStreet View が利用可能な領域を青い線で表示する方法です。

new GStreetviewOverlay()でオーバーレイを作成して、addOverlayで地図に追加表示します。

サンプル

パノラマ写真の表示

var myPano = new GStreetviewPanorama(document.getElementById("pano"), { latlng: new GLatLng(42.345573,-71.098326)});

GLatLngを利用してobjPointを生成して、GStreetviewPanoramaにパノラマ写真を表示させたい要素のid、とobjPointを指定します。

サンプル

面白いStreet View を集めるサイトとか作ったら面白そうですね。

関連エントリー

Webサイトに地図が載せられる『Yahoo!地図情報API』
経度緯度 検索作りました。
Google Sitemapを使いこなす
無料のウィルスソフトもあるGoogle Pack
無料の写真編集ソフトPicasaを使ってみる

スポンサードリンク

«CSS Nite in Osaka, Vol.11 | メイン | 10月も東京でPHP入門講座をやります。»

このエントリーのトラックバックURL
http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/1026
トラックバック内容
» 日本中の写真が見れるGoogle マップ ストリートビュー from WWW PARTY
Google マップ ストリートビューはGoogle Mapの地図にそって日本...
コメント

サンプル、参考にさせて頂きました。
ありがとうございます。

最初のサンプルですが、IE で表示されますか?
ブラウザ依存ほど嫌なものはないですね・・・。

また明日調べてみます。

投稿者:サラトガ | 2008年8月 8日 00:43

申し訳ありません。
IE の Flash の問題でエラーになっていたようです。

普段、FireFox ばかり使っていたせいで、
全然気付かず・・・。
(気付かずというか IE に何も入ってませんでした)

API のサンプルのようにエラーハンドリング
しながらデバックしないといけないですねorz

お騒がせしましたm(__)m

投稿者:サラトガ | 2008年8月 8日 01:22

>面白いStreet View を集めるサイトとか作ったら面白そうですね

海外ではこーいうのがあるようです。
http://streetviewr.com/
ご参考まで。

投稿者:りょーち | 2008年8月 8日 13:11

>サラトガさん
IEでチェックをしてなかったのでドキッとしました。(いちおうIE7では今確認しました。)

おかしいところありましたら、遠慮なくいってくださいね

投稿者:西畑一馬 | 2008年8月 8日 14:35

>りょーちさん

いいですね。こういうの
手が空いてみたら何か作ってみます!

投稿者:西畑一馬 | 2008年8月 8日 14:37
コメントを投稿