【簡単】Googleマップをブログやホームページに埋め込む方法【WordPress】

2023年6月9日

ブログやホームページにGoogleマップを表示させるにはどうすれば良いのでしょうか？

上のGoogleマップ（横幅800px、高さ450px）のように簡単にブログやホームページに埋め込むことができます。

分かりやすく解説していくので参考にしてください。

Googleマップを埋め込む方法

Googleマップを埋め込む方法を解説していきます。

ブログでもホームページでもやり方は一緒です。

STEP

目的地を検索する

ブラウザよりGoogleマップに表示させたい目的地をGoogle検索します。

ここでは「ランドマークタワー」と検索していきます。

STEP

地図を選択

検索結果が表示されたら地図をクリックしてください。

STEP

検索結果より目的地をクリック

　画面左に検索結果が表示されるので目的の場所（ここでは横浜ランドマークタワー）をクリックしてください。

STEP

共有ボタンをクリック

横浜ランドマークタワーが隣に表示されるので、共有ボタンをクリックしてください。

STEP

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

地図を埋め込むをクリックしてください。

STEP

HTMLコードをコピー

HTMLをコピーをクリックします。

サイズを調整したい場合は左の「中」と書かれた所をクリックして変更できます。
「小」「中」「大」「カスタムサイズ」から選べます。

STEP

WordPressより「カスタムHTML」を起動

STEP

step6でコピーしたHTMLコードを貼り付ける

Googleマップの横幅と高さを変更したい場合はwidth="600" height="450"の部分の値を修正して変更することもできます。

STEP

プレビューを確認

Googleマップのプレビューを確認できればOKです。

以上でGoogleマップをブログに埋め込むことができました。

上のGoogleマップ（サイズ「中」横幅600px、高さ450px）のように表示することができます。

ブログやホームページにGoogleマップを埋め込む方法を解説しました。

簡単にGoogleマップを埋め込むことができるので試してください。

ブログやホームページに、Googleマップでお店やホテル、会社の場所などを表示しておくと分かりやすくなります。