Web

GoogleマップをサイトやWordPressに埋め込む方法

お店の紹介や目的地の場所を伝えたいときにGoogleマップは便利です。
スマホの普及によりサイトの所在地項目に文章だけではなく、Googleマップも目にする機会が増えてきています。

今回はそんな便利なGoogleマップをサイトに埋め込む方法について解説します。

目次

※WordPress4.9.xを例に解説いたします

1.埋め込みたい場所を検索

まずはGoogleマップで、サイトに埋め込みたい場所を表示しましょう!
左上の検索ボックスに目的地を検索し、「共有」をクリックします。

地図を埋め込むを選択し、HTMLをコピーします。
地図の大きさを変更する場合は隣の「中」からお好みの大きさに変更します。

これでGoogleマップ側の作業は終了です。

2.コピーしたHTML情報をサイトに埋め込む

WordPressの管理画面にログイン・掲載するページに移動し、先ほどコピーしたHTMLをペーストします。

ペーストするときは「テキスト」で編集しましょう!

正しくペーストできれば下記のようになります!

以上でGoogleマップの埋め込みは完了です!
お疲れ様でした。ノシ