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入門講座をやります。»