Googleマップの地図をページに表示させる方法

投稿者: | 2016年5月8日

Googleマップを表示させるには

お店の場所や目的地のアクセス情報として、地図を載せたい場合があります。住所だけでなく地図を載せることによって分かりやすさがグンとアップするので、ぜひ載せておきたいものです。
地図データを一から作成して掲載するのも良いですが、メジャーなGoogleマップを直接挿入することができます。
地図の精度も文句無しですので、おすすめしたい方法です。

設定手順

1.Googleマップで掲載したい場所の住所を入力するなどして、地図を表示させ共有ボタンをおす
004-1

2.「地図を埋め込む」タブをクリックし、サイズを選ぶ
005
 小:width=”400″ height=”300″
 中:width=”600″ height=”450″
 大:width=”800″ height=”600″
 カスタムサイズ:自由に設定できます

3.コードをコピーする
006

4.Wordpressで表示したい個所にコードを張り付け(テキストモードにすること)
007

表示結果

次のように表示されます。
今回は東京駅を表示してみました。地図の拡大縮小はもちろん、Googleマップへのリンク(拡大地図を表示)も表示されています。

コピペだけで簡単に設定ができるので、覚えていて損はない方法です。