html 谷歌マップをiframe中で表示（そのうち使えなくなるから非推奨）

Posted 2021-05-10

<!-- コード1 -->
<iframe
    src="https://maps.google.co.jp/maps?output=embed&q=原宿駅">
</iframe>

<!-- コード2 -->
<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
    &q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>


<!--
【文字列検索】
q=原宿駅　（住所やランドマーク名）

【緯度経度】
q=35.670821,139.702726	（緯度経度の間に「,」）

【縮尺】
z=18　（0～23）

【地図の中心点】
ll=35.670821,139.702726	（緯度と経度の間に「,」ピンの位置を画面中央からずらすことができます）

【表示モード】
t=m　（m…地図）
----------------
k…航空写真
h…地図+航空写真
p…地形図
e…Google Earth

【言語】
hl=ja
----------------
ja…日本語
us…英語
zh-CN…中国語簡
zh-TW…中国語繁
ko…韓国語
-->