Googleマイマップをホームページに表示(埋め込み)する方法

作成したGoogleマイマップをホームページに埋め込み表示する方法について紹介します。

マップの共有設定を変更する

まずはマップの共有設定を変更しましょう。

マップの共有設定をクリック

左メニューの「共有」をクリックします。

共有をどちらか有効にする

最初は公開範囲が「非公開」になっているので、「リンクの共有を有効にする」をクリックします。

ホームページ埋め込み用のHTMLを取得する

埋め込み用のHTMLを取得する

メニュー右上の「…」をクリックし、「自分のサイトに埋め込む」をクリックします。

HTMLコードをコピーする

ホームページ埋め込み用のHTMLが表示されるのでコピーし、表示したい場所に貼り付けて完成です。

ホームページ表示サンプル

埋め込み表示サンプル

マイマップの埋め込み表示では地図の上部にマイマップ名が表示されます。

アイコンの種類や色をきちんと設定して見やすいマップを作りたいですね。

Googleマイマップのマーカー色やアイコンの変更方法
Googleマイマップで作成している地図の装飾方法に関する操作方法について紹介します。
yosiakatsuki.net