元CAバンビのずぼら日記

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

簡単!ブログの中にグーグルマップを表示させる方法

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

 今日は↓こんな風にグーグルマップ
ブログの記事の中に埋め込む方法を紹介します(^-^)

 

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

f:id:zuboraca:20180108003144j:plain

 

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

f:id:zuboraca:20180108002557j:plain

 

3.「∞地図を共有または埋め込む」をクリック

f:id:zuboraca:20180108002608j:plain

 

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

f:id:zuboraca:20180108002614j:plain

 

5.地図が出てくるので↓赤い線のところをコピー

ログインしていると、地図上に自分のアイコンが出てきているけど、ブログの記事上では、自分のアイコンが表示される訳ではなくて、記事を読んでいる人のアイコンが表示されるので大丈夫!

f:id:zuboraca:20180108002622j:plain

 

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

 f:id:zuboraca:20180108004245j:plain

 

7.地図の大きさはここで変えられる

f:id:zuboraca:20180108002627j:plain

 

以上!お試しあれ〜

次回は「ブログの中にストリートビューを表示させる」をお送りします♪

↓↓↓↓↓↓↓↓

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

www.bambi.red