ブログやホームページにGoogleマップを表示させるにはどうすれば良いのでしょうか？
上のGoogleマップ（横幅800px、高さ450px）のように簡単にブログやホームページに埋め込むことができます。
分かりやすく解説していくので参考にしてください。
目次
Googleマップを埋め込む方法
Googleマップを埋め込む方法を解説していきます。
ブログでもホームページでもやり方は一緒です。
STEP
地図を選択
検索結果が表示されたら地図をクリックしてください。
STEP
検索結果より目的地をクリック
画面左に検索結果が表示されるので目的の場所（ここでは横浜ランドマークタワー）をクリックしてください。
STEP
共有ボタンをクリック
横浜ランドマークタワーが隣に表示されるので、共有ボタンをクリックしてください。
STEP
「地図を埋め込む」をクリック
地図を埋め込むをクリックしてください。
STEP
HTMLコードをコピー
HTMLをコピーをクリックします。
サイズを調整したい場合は左の「中」と書かれた所をクリックして変更できます。
「小」「中」「大」「カスタムサイズ」から選べます。
| 小 | 横幅400px、高さ300px |
| 中 | 横幅600px、高さ450px |
| 大 | 横幅800px、高さ600px |
| カスタムサイズ | お好みのサイズに指定可能 |
STEP
WordPressより「カスタムHTML」を起動
- WordPressの画面に移動してください。
- Googleマップを埋め込みたい箇所の「＋」をクリックし「html」と入力してください。
- 「カスタムHTML」をクリックします。
STEP
step6でコピーしたHTMLコードを貼り付ける
- カスタムHTMLブロックに、step6でコピーしたHTMLコードを貼り付けてください。
- 「プレビュー」をクリックするとGoogleマップを確認することができます。
STEP
プレビューを確認
Googleマップのプレビューを確認できればOKです。
以上でGoogleマップをブログに埋め込むことができました。
上のGoogleマップ（サイズ「中」横幅600px、高さ450px）のように表示することができます。
さいごに
ブログやホームページにGoogleマップを埋め込む方法を解説しました。
簡単にGoogleマップを埋め込むことができるので試してください。
ブログやホームページに、Googleマップでお店やホテル、会社の場所などを表示しておくと分かりやすくなります。