ability_yuma
9/19/2018 - 12:25 AM

Googleマップをiframeで表示(そのうち使えなくなるから非推奨)


<!-- コード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…韓国語
-->