Googleマイマップの活用！地図の埋め込み方法

マイマップで作成した地図の埋め込み方法

1．Googleアカウントでログイン

Googleアカウントでログインした状態でGoogleマップにアクセスします。

2．マイマップを作成する

（1）Googleマップの左上のメニューをクリックします

（2）メニューの「マイプレイス」をクリックします

（3）「マイマップ」タブの「地図を作成」をクリックします

（4）地図が作成されます

作成された地図にタイトルを入力します。「無題の地図」をクリックして、設定したいタイトルを入力します。

• 地図上のコンテンツをレイヤで整理する
  レイヤを使って登録する地点等を整理することができます。たとえば、「神社・仏閣」のレイヤ、「芸術・施設」のレイヤなど種類ごとに分けると一目でわかるようになります。

3．Googleマップに地点を登録する（地図のピンを立てる）

登録したい地点を検索し、ピンの詳細情報の「+地図に追加」をクリックして登録します。

登録した地点は、ピンのアイコンや色を変更することができます。
沢山のアイコンが表示されても一目でわかるように設定してみてください。

すべて登録が完了すると下図のようになります。
下図では、「京都観光マップ」で３つのレイヤ（神社・仏閣、芸術・施設、その他）に複数の地点を設定しました。
アイコンはそれぞれ異なるアイコンを設定し、レイアごとに色分けをして一目でわかるようにしています。

4．マイマップを共有する

ウェブサイトに埋め込むには、作成したマイマップを共有する必要があります。
画面左上の「＋共有」をクリックすると、下図の【共有設定】ダイアログが表示されます。
「アクセスできるユーザー」が「非公開 – 自分だけがアクセスできます」となっているので、「変更」をクリックしてアクセスできるユーザーを設定します。

【リンクの共有】ダイアログが表示されたら、「オン – ウェブ上で一般公開」を選択して「保存」をクリックします。

元の画面に戻って「完了」をクリックしたら共有設定は完了です。

5．埋め込み用のタグを取得する

タイトル横のメニューをクリックし、「自分のサイトに埋め込む」をクリックします。
表示されたタグをコピーします。

※上記メニューの「デフォルトビューを設定」を設定すると、ウェブサイトに表示する「基本地図」のレイアウトや拡大縮小をデフォルト表示として設定することができます。

6．ウェブサイトに埋め込みタグを挿入する

ウェブサイトを開いて、作成した地図を挿入したい箇所に手順5で取得したタグを挿入します。

弊社CMSでは、コンテンツパーツの【その他】タブに「埋め込みタグ - 新規作成」のパーツがあるので、埋め込みタグを挿入する際にご利用ください。
※必要であれば、表示する地図のiframeのスタイルの調整を行いましょう。

7．ウェブサイトを公開する

弊社CMSの場合は、再構築を行って地図の埋め込みが完了です。