Googleストリートビューの埋め込み方法

GoogleストリートビューをホームページやWordPressなどに埋め込む方法をご案内いたします。

iframeというHTMLタグを使用していますので、アメブロの方はこの方法では表示できません。

 

①まずは、Google検索やGoogleマップで埋め込みたいお店や会社などを見付けて下さい。

Googleストリートビューの埋め込み方法1

②次に、Googleマップで表示させます。

Googleマップで表示させたときに、左下の方にパノラマ画像へのサムネイルリンクがありますので、その画像をクリック。

埋め込み方法2

③ストリートビュー(パノラマ)画像が表示されます。

左上の黒い部分の右端に「・」が縦に3つ並んでいるところをクリックすると、下図のようにメニューが出てきますので、「画像を共有または埋め込む」をクリックします。

埋め込み方法3

④そうすると、下図のような画面がポップアップ表示されます。

「画像の埋め込み」をクリックして、表示されたコードをコピーします。

左横に「大・中・小」とサイズ選択メニューがありますが、後ほど変更できますので、無視して大丈夫です。

埋め込み方法4

⑤埋め込み用のコードは下図のようになります。

これを貼り付けるだけで、Googleストリートビューが埋め込まれます。

黄色マーカーの箇所を変更することで、サイズ変更できます。

埋め込み方法5

コードを貼り付ければ、このように表示されるはずです。