アラサーの僕がやりたいことをやってみた

アラサーの僕がやりたいと思ってることをやっていくブログです。

【簡単】はてなブログにグーグルマップを埋め込む方法

スポンサーリンク

どうも。田中(@tanakanaka1111)です。

 

先日書いたこちらの記事に初めてグーグルマップを埋め込んでみました。

 

www.araboku.com

 

やっぱりお店を紹介する時は地図があった方が便利ですね。

グーグルマップの埋め込み方も簡単だったので、やり方をまとめてみました。

 

はてなブログにグーグルマップを埋め込む方法

1、グーグルアカウントでマップを開く

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

(操作はパソコンから行ってます)

 

f:id:tanaka1118:20190202152043j:plain

 

2、紹介したい場所・お店を検索

今回は福岡空港で検索してみました。

すると地図が表示されますね。

 

f:id:tanaka1118:20190202152340j:plain

 

続いてこちらの「共有」をクリックします。

 

f:id:tanaka1118:20190202152736j:plain

 

共有ボタンをクリックするとこんな画面が表示されます。

 

f:id:tanaka1118:20190202153102j:plain

 

最初は恐らくリンクを送信するになっているので、

 

1、地図を埋め込むをクリックして

2、地図のサイズを選んで

3、HTMLをコピーします

 

これで準備万端ですので、はてなブログを開きます。

 

3、はてなブログへ貼り付ける

 

はてなブログの編集画面を開いて、HTML編集画面を表示します。

あとはさっきコピーしたコードを貼り付けるだけでOK!

きちんと貼れたかどうかはプレビュー画面で確認してみて下さい。

 

どうですか?

凄く簡単ですね。

これからも美味しいお店などたくさん紹介していきますので、しっかり活用していきたいと思います。