はてなブログでGoogleマップをブログ内に埋め込みする方法

f:id:zukkylabo:20160719093542j:plain

出典:pixabay.com

 

人のブログを見てるとき紹介するときってそれってどこあるの?って

場所が分からず探さないといけなくなるときあるよね。

読者の方によりわかりやすい情報を提供するためには

そういった具体的な場所も載せておくと便利。

はてなブログGoogleマップを直接記事に埋め込む方法について紹介していきたい。

 

 

Googleマップをブログの記事に埋め込む方法

1.Googleマップで住所を検索

f:id:zukkylabo:20160719093049p:plain

2.メニューバーから地図を共有または埋め込むをクリック

f:id:zukkylabo:20160719093230p:plain

3.「地図を埋め込む」を選択しHTMLを全てコピー

 

f:id:zukkylabo:20160719093036p:plain

4.はてなブログの記事編集画面の「HTML編集」を選択しペースト

f:id:zukkylabo:20160719093044p:plain

5.地図が埋め込まれる

f:id:zukkylabo:20160719093040p:plain

まとめ

とても簡単なのでこの一手間があるかないかで読者が受ける印象は違うので是非やってみてはいかがだろうか。規約があるので埋め込む時は注意が必要。一度目を通しておいたほうがいい。

より良い記事を書くために一つずつ僕も学んでいきたい。