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

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

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

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

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

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

公開範囲の変更

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

公開範囲を一般公開に変更する

公開範囲を「オン – ウェブ上で一般公開」に変更して「保存」ボタンをクリクします。

共有設定の確認

共有設定が変更されているのが確認できたら「完了」ボタンをクリックして共有設定の変更完了です。

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

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

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

HTMLコードをコピーする

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

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

埋め込み表示サンプル

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

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

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