【ブログ作成】Google Mapを記事に載せて場所を共有しよう

みなさん、こんにちは、
みむすたーです。

今日は、 ブログ上でGoogle Mapを使用した場所の共有方法について、
説明していきたいと思います。

本記事に従って、Google Mapの場所の共有を行うと、
以下のような表現ができるようになります。

それでは、いきましょう。

Google Mapの位置情報共有方法

まずは、Google Map のページを開きましょう。
以下のURLから開けます。

Google マップ
Google マップで地図を検索。乗換案内、路線図、ドライブルート、ストリートビューも。見やすい地図でお店やサービス、地域の情報を検索できます。世界地図も日本語で、旅のプランにも便利。

ページが開けたら、共有したい場所にピンを打ちましょう。
↓こんな感じです。

次に、画面左側中央にある以下の共有ボタンを押します。

すると、以下のような画面が表示されるので、
“地図を埋め込む” タブを押します。

すると以下のような画面に切り替わります。

この画面で、以下のように”HTML を コピー”を押します。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d66449.37033158504!2d138.6994000557661!3d35.36285188043121!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6019629a42fdc899%3A0xa6a1fcc916f3a4df!2z5a-M5aOr5bGx!5e0!3m2!1sja!2sjp!4v1599317293336!5m2!1sja!2sjp" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

こんなhtml文がコピーされているので、あとは、これをブログ上に貼り付けると、
上のようなGoogle Mapのマップが表示されます。

コメント