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

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

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

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

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

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

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

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

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

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

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

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

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

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