• 前端網頁設計
  • import_contacts Google Maps 嵌入參數
    139
適用範圍

網頁開發人員

實用性:
重要性:

Google Maps 嵌入參數

崁入地圖相較於使用 Google Maps API ,使用

Google Maps Embed API

使用 Google Map 的 "分享或崁入功能" 所產生的語法較複雜,下面為整理過得核心關鍵語法:
(添加空格,可以清楚分辨各個參數的屬性)

<iframe 
    width="100%" 
    height="300" 
    frameborder="0"
    src="https://www.google.com/maps?
    q=台中市北區崇德路一段629號11樓之2
    &hl=en
    &z=比例大小
    &t=地圖模式
    &output=embed ">
</iframe>

  • width = 寬度
  • height = 高度
  • q = 地址或經緯度,如果需要標明可在結尾加上(),於()中輸入表示名稱
  • z = 地圖比例大小,可輸入數值為 1-18,值愈大地圖顯示比例愈大
  • t = 地圖顯示模式,沒輸入值時為預設地圖;h為衛星圖加路線;p為地形圖
  • hl = 地圖語系,語言代碼參考 https://developers.google.com/maps/faq?hl=zh-tw#languagesupport
  • output=embed 指定Google Map為崁入模式