JavaScript

Javascript

Google マップのストリートビューを実装してみました!!

Google マップのストリートビューを実装してみました。

 

ソースはこんな感じ↓↓で、意外と簡単に実装できました。

StreetViewPanoramaクラスを使って表示させます。

 

まず、パノラマのオプションを設定してやります。

 

viewOptions = { ~

の部分です。

 

headingは「方角」
pitchは「カメラの向き」
zoomは「ズーム」
を設定してやります。
※プロパティは他にもいろいろあるので調べてみてください。

 

この辺は調整しながら最適の値を設定してやってください。

 

で、

あとは

var view = new google.maps.StreetViewPanorama(document.getElementById("street_view"), viewOptions);
view.setVisible(true);

としてやれば、

都庁周辺のストリートビューを表示してくれます。

 

因みに、日本にはまだまだストリートビューに対応していない地域もあります。

 

その場合には、getPanoramaByLocation()メソッドを使って適切に処理をしてやってください。

その説明は以下になります。
getPanoramaByLocation()メソッド ]

関連記事

  1. JavaScript

    Javascript

    「jQuery ui Datepicker」のオプション

    前回の記事では、「jQuery ui Datepicker」の設定…

  2. JavaScript

    Javascript

    zoomi.jsでオンマウス時に画像を拡大

    画像にマウスを乗せた時(オンマウス)に拡大画像を表示させたいという依頼…

  3. JavaScript

    Javascript

    Geolocation APIを使ってスマホで位置情報取得

    iphoneやAndroidのGPSを利用して位置情報を取得したい場合…

  4. JavaScript

    Javascript

    Geolocation APIで位置情報を取得して、Yahoo!地図を表示

    Geolocation APIを使って位置情報を取得して、Yaho…

  5. JavaScript

    Javascript

    setInterval()とsetTimeout()

    Javascriptでタイマー設定する時に使用する関数にsetTime…

  6. JavaScript

    Javascript

    写真の右クリックコピーを禁止!!

    弊社は不動産会社様にホームページを提供する機会が多いのですが、その…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. PHP
  2. PHP
  3. 風邪予防
  4. WordPress(WP)
  5. PHP
  6. 宅建
  7. アンチWP
  8. 日本語ドメイン
  9. WordPress(WP)
  10. SSL(HTTPS通信)
PAGE TOP