こーにゃーの結婚2年生

知らない土地で暮らし始めました。

【超簡単】はてなブログでグーグルマップを記事に載せる方法!地図を載せてわかりやすいレビュー記事が作れます!

こんにちは!ブログのカスタマイズにハマる余り記事を書くことを忘れてしまうこーにゃーです。

 

観光地のホームページを開くとアクセス方法でグーグルマップが載っていますよね。

グーグルマップがあることで詳細な位置や周辺情報を調べられることが出来るので非常に便利です。

↓こんな感じ

f:id:kooonyaaa:20171029205428p:plain

実はこれ、自分のブログに簡単に掲載できることを知りました。

超簡単にできたので紹介します!

 

グーグルマップを掲載する方法

 

①グーグルマップを開きます。

Google マップ

 

②グーグルマップで検索したい場所を入力⇒検索

f:id:kooonyaaa:20171029221844p:plain

 

③サイドパネルのメニューを開きます

f:id:kooonyaaa:20171029222150p:plain

 

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

f:id:kooonyaaa:20171029222424p:plain

 

⑤「地図を埋め込む」をクリック

f:id:kooonyaaa:20171029222844p:plain

 

⑥コードをコピーします

f:id:kooonyaaa:20171029223204p:plain

 

はてなブログから「HTML編集」に切り替え、表示したい箇所にコードを貼り付けます

 

f:id:kooonyaaa:20171029223815p:plain

⑧プレビューから確認し、下記のようになればOKです。

f:id:kooonyaaa:20171029225001p:plain

 

 

まとめ

旅行やグルメなど、お勧めのスポットを照会するときにグーグルマップがあると相手に伝わりやすく、質の高い記事が作れます。

 

やり方は非常に簡単ですので、参考にしてみてください!

 

【以前のカスタマイズ記事はこちら】

www.kooonyaaa.com