kharukaのブログ~お金と技術とキャリア~

Edu Fin~金融×教育~若いうちからお金について学ぶってだいじ!学んだテクノロジーはみんなの財産。過去、現在、将来の人生についてのブログ

WebサイトにGoogleMapを埋め込む方法

目次

前提条件

WebサイトにGoogleMapを埋め込む方法

1. GoogleMapで住所を検索します。

2. 共有アイコンをクリックします。

3. 地図を埋め込むタブをクリックします。

4. 以下の様なiframeをhtmlにコピペします。

<div>
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.6715915354002!2d139.72708991525818!3d35.660462080199096!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b7708fe1bcd%3A0xf0b2a3bc402345f2!2z5YWt5pys5pyo44OS44Or44K65qOu44K_44Ov44O8!5e0!3m2!1sja!2sjp!4v1519269099538" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

参考