元CAバンビのずぼら日記

元国際線乗務員の情報発信ブログ。海外、旅行、料理、ワイン、美容のお話など。

ブログの中にストリートビューを表示させる

超初心者シリーズ★です!
と言いながら、自分メモの要素が日に日に高まっていますが、もし私と同じレベルでお困りの超初心者の方のお役に立てれば幸いです!!

※※注※※こちらの記事、はてなブログの
ダッシュボード→記事の管理→編集の「コピーして新しい記事を書く」
機能を使って書いてます。デジャブではありませんので、安心してください^^
元の記事はこちら→ブログの中にグーグルマップを表示させる 

 

今日は↓こんな風にストリートビュー
ブログの記事の中に埋め込む方法を紹介します(^-^)

 

1.グーグルマップ(Google Maps)のストリートビューで
まず表示したい場所を検索して表示する

f:id:zuboraca:20180108013919j:plain

 

2.↓左上の「:」をクリックする

f:id:zuboraca:20180108013948j:plain

 

3.「画像を共有または埋め込む」をクリック

f:id:zuboraca:20180108014040j:plain

 

4.小さなウィンドウが出てくるので「地図を埋め込む」をクリック

f:id:zuboraca:20180108014109j:plain

 

5.プレビューが出てくるので↓赤い線のところをコピー

↓画像の大きさは「中」って書いてあるところで調節できる。

f:id:zuboraca:20180108014134j:plain

 

6.はてなブログだったら、HTML編集にして入れたい場所にペースト

f:id:zuboraca:20180108014302j:plain

 

 

以上!お試しあれ〜

 

 上記のようにグーグルマップを表示させる場合は↓↓こちらからどうぞ♡

 

こちらは超初心者向けの簡単なブログカスタマイズ集です↓↓

www.bambi.red