宙ぶらりん

気が向いたら・・・・

ストリートビューの貼り付け方

ブログにストリートビューが貼ってあると、とても便利です。

その場所に行ったことがなくても、だいたいの様子(景色)がわかります。

その方法は・・・

1,ストリートビューでその場所を検索します。(Yahooの場合)

f:id:rmenx13:20201003142552j:plain


「レインボーブリッジを」を検索してみました。

f:id:rmenx13:20201003143927j:plain

左側に表示されている画面は、上の◀「サイドを折りたたむ」で消して・・・

f:id:rmenx13:20201003143134j:plain

 

⇓画面を移動させて、この場所⇓を選びました。海の上です。 

2,①をクリックして、②「画像を共有または埋め込む」を表示させ。それをクリック。

f:id:rmenx13:20201003141512j:plain

3,③「地図を埋め込む」をクリックして・・・④「HTMLをコピー」をクリックすると、コピーされるので・・・

f:id:rmenx13:20201003141559j:plain

4,⑤「HRML編集」にしたブログに、右クリックして⑥「貼り付け」ます。

f:id:rmenx13:20201003141658j:plain

 

5,貼りつきました。プレビューで確認。

f:id:rmenx13:20201003141724j:plain

6,貼りつけたストリートビュー。まるで、水上バスにでも乗っている気分。 

表示されている画像の大きさは「HTML編集」にして、赤い部分の数字を変更します⇓

<iframe style="border: 0;" tabindex="0" src="https;//www.google.con/maps/embed?pb=!4v1601702615251!6m8!1m7!1sQLzhKYM1MnwzSHteC-oSDQ!2m2!1d35.63311579667562!2d139.7540082575351!3f359.・・・4f1.463181458820344!5f1.9587109090973311" width="450" height="350" frameborder="0" allowfullscreen="" aria-hidden="false"></iframe>

元は、width="600" height="450" でした。 

 

これで完成です。

ちなみに、ストリートビューの使用については・・

f:id:rmenx13:20201003143439j:plain

f:id:rmenx13:20201003143448j:plain

f:id:rmenx13:20201003143507j:plain

とあるので、一度お読みになって下さい。

詳しくは、

Google EarthGoogle マップストリートビューのクリエイティブな使い方について」から⇓