にゃん分間待ってやる

「文章の書き方」や「アクセスアップ」などブログ運営のテクニックを解説。

Googleマイマップ、サイトに地図を埋め込む方法

    <!-- more -->

上記のように、Googleマイマップで作成した地図をブログに埋め込む方法です。

Googleマイマップ、サイトに地図を埋め込む方法

Googleマイマップを開く

Googleマイマップにアクセス。

地図を開く

Googleマイマップ、自分が所有する地図

Googleマイマップ、自分が所有する地図

地図」(日本三景)を開く。

「︙」三点リーダーを開く

Googleマイマップ、地図

Googleマイマップ、地図

タイトル(日本三景)の右側にある「」を展開。

自分のサイトに埋め込む

Googleマイマップ、自分のサイトに埋め込む

Googleマイマップ、自分のサイトに埋め込む

自分のサイトに埋め込む」を選択。

iframeをコピー

Googleマイマップ、この地図を埋め込む

Googleマイマップ、この地図を埋め込む

<iframe src=”https://www.google.com/maps/d/embed?mid=12s07aquhy5g0ukgoU_yS2iDQfFEZ_l52″ width=”640″ height=”480″></iframe>

この地図を埋め込む」というポップアップが開き、上記のような<iframe>コードが表示されるのでコードをコピー(Ctrl + V)しましょう。

iframeを貼り付け

コピーしたiframeを貼り付けると、下記のように地図が表示されます。

まとめ

ブログにGoogleマイマップの地図を埋め込むには、

  1. Googleマイマップで
    1. 地図を開く
    2. 」 > 「自分のサイトに埋め込む
    3. iframeのコードをコピー
  2. サイトで
    1. iframeのコードを貼り付け

このテクニックを使うと、以下のような記事が作成できます。

Googleマイマップの使い方
Googleマイマップで地図を作成し、共有したり、サイトに地図を埋め込む方法などをまとめました。

レイヤをエクスポート・インポートして順序を並べ替えたり、作成済みの地図を検索・整理する方法も紹介します。 Googleマイマップの使い...

このページは移転しました。