Web

Google マップの地図をウェブページに埋め込む手順

投稿日:2018年9月28日 更新日:

Google マップの地図を、ウェブページに埋め込む手順について説明します。

手順自体は簡単なのですが、Google マップの仕様が時々変わり、操作手順もその影響を受けることがあるため、現時点(2018年9月)での手順をここに記録する意味合いもあります。

手順

(1) Google マップ で、埋め込みたい場所に移動します。

(2) 画面左上の メニュー アイコンをクリックします。

バーアイコンをクリックします
メニュー アイコンをクリックします

(3) [地図を共有または埋め込む] をクリックします。

[地図を共有または埋め込む] をクリックします
[地図を共有または埋め込む] をクリックします

(4) [地図を埋め込む]タブをクリックして表示し、[HTMLをコピー] をクリックします。

クリップボードに HTML がコピーされます。

[HTMLをコピー] をクリックします
[HTMLをコピー] をクリックします

(5) 埋め込み先の HTML内に、コピーしたHTMLを貼り付けます。

HTMLを貼り付けます
HTMLを貼り付けます

(6) 埋め込み先のHTMLをウェブブラウザで表示すると、(1)の場所が埋め込まれて表示されます。

地図が埋め込まれています
地図が埋め込まれています
Google

Google マップ (Google Maps) で緯度経度を指定して場所を見つける方法

2018.08.24
Google

Googleマップで調べた経路をホーム画面に追加する (Android)

2019.03.15

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

DokuWiki

DokuWiki で閲覧専用ユーザーを作る手順

DokuWiki において、閲覧専用ユーザーを作成する手順を紹介します。 目次DokuWiki で、閲覧専用ユーザーを作成する手順1. 閲覧専用グループを追加する。2. ユーザーにグループを指定するお …

Web

複数のGoogleアカウントのGmailページを一括で開く

複数のGmailアカウントのメールページを一括で開く方法について書いています。

Web

閲覧しているウェブページで利用されている HTTP のバージョンを確認する方法

ウェブブラウザで ウェブサイトを閲覧している際、HTTP のどのバージョンが使われているのか確かめる方法を紹介します。 目次Chrome の場合FirefoxEdge Chrome の場合 (1) ウ …

Web

ウェブブラウザが、HTTP/1.1 もしくは HTTP/2 のどちらを使うか判定する仕組み (httpsスキームのみ)

ウェブブラウザが、HTTP/1.1 もしくは HTTP/2 のどちらを使うか判定する仕組み (httpsスキームのみ)について説明します。

Web

Mastodon(OStatus) を参考にして、理想の標準情報発信プラットフォームを考えてみました

話題の Mastodon を参考にして、私の理想とする情報発信プラットフォームについて考えてみました。 Mastodonとは? 見た目は、Twitterとほとんど同じサービスです。しかし、Twitte …