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()メソッド ]

WordPress短期学習プログラム

関連記事

  1. JavaScript

    Javascript

    Javascript おすすめのデートピッカー(日付選択ライブラリー)

    WEB制作の仕事をしていると、お客さんからの依頼でデートピッカ…

  2. JavaScript

    Javascript

    画像 右クリックでのダウンロードは禁止!!

    普段物件画像を取り扱うシステムを構築することが多いんですが、不動産…

  3. JavaScript

    Javascript

    ajaxzip2からajaxzip3へ変えてみました!!

    弊社で日頃からお世話になっているライブラリーといえば、ajaxzi…

  4. GoogleMap(グーグルマップ)

    Javascript

    Google Map APIを使うのは止めました!

    Google Map(グーグル マップ)は、APIキー無し、無…

  5. JavaScript

    Javascript

    flatpickr【デートピッカー用ライブラリ】

    flatpickrについて先日、という日付け選択用のデート…

  6. JavaScript

コメント

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

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

最近の記事

  1. PHP(ピー・エイチ・ピー)
  2. PHP(ピー・エイチ・ピー)
  3. WP:WordPress(ワードプレス)
  4. WP:WordPress(ワードプレス)
  5. WP:WordPress(ワードプレス)
  6. Security(セキュリティ)
  7. WP:WordPress(ワードプレス)
  8. WP:WordPress(ワードプレス)
  9. WP:WordPress(ワードプレス)
  10. アフィリエイト
PAGE TOP