- 本文の この下線部分はこのサイト内へのリンクです。太点線部分は外部サイトへのリンクです。
簡易GoogleMap埋込み用地図
- 簡易的にGoogle Mapの埋め込み用地図を作成についての説明です。
- 今回の解説は、Windows 10 Pro及びマイクロソフトEdge での説明です。
- Google MAPのページ
今回は、横浜の桜木町駅の位置で地図を作ってみます
- まず目的の場所まで地図を移動します。
GoogleMap桜木町へ - 目的の場所でマウスを合わせます。
- マウスを右クリックします。
マウスを右クリックします。
この場所についてを左クリック - 位置情報データ
この場所の情報の経度の部分を左クリック
経度の地図画面に
『共有』をクリック
『地図を埋め込む』をクリック
埋め込みコードを左クリック
埋め込みコードをコピー - 埋め込み地図コード
<iframe src="https://www.google.com/maps/....." width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>このコードをホームページ内に貼り付け - Google Mapの埋め込み用コードをホームページ用に加工する