備忘録的プログラミングリファレンス

簡易なGoogle Mapの埋め込み

 Google Mapの共有を使った作成例です。

Google Mapの共有方法

 簡易な方法ですので、地図をカスタマイズはできません。Google Map APIを使いカスタマイズする方法もあります。

Google Mapで目的の場所を共有

 まずGoogle Mapで目的の場所を選択し、"共有"をクリックします。


HTMLのコピー

 表示されたダイアログにあるタブ(1)"地図を埋め込む"を選択し、(2)"HTMLをコピー"をクリックします。

HTMLペースト

 コピーされたHTMLは<iframe>を含みます。埋め込みたい箇所にペーストするだけです。

動作の確認

cssあり/なし、scriptあり/なしを選択することができます。

別ページで開きます。

HTML

 Google Mapの共有のためのHTMLです。

css

 CSSはないです。

JavaScript

 JavaScriptはないです。