[Google Map] URL傳QueryString快速產生地圖 (免費,不使用API Key)

[Google Map] URL傳QueryString快速產生地圖 (免費,不使用API Key)

Google Map 有一套寫程式用的API來產生地圖,但要先申請金鑰,一個金鑰對應一個DomainName,正式移機時又要再申請

而且金鑰要寫在程式Javascript裡

因為麻煩所以找到了以下比較簡單快速的方式

如何將「Google Maps地圖」嵌入到自己的網頁? by 重灌達人

以下說明那段iframe Html 的關鍵參數:

1.透過地址產生地圖

<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=https://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=輸入查詢的地址&z=比例大小&output=embed&t=地圖模式></iframe>

width=寬度

height=高度

q=輸入查詢的完整地址(.net 最好用Server.UrlEncode(string 地址)包起來)  或   經緯度,如果需要標明可在結尾加上(),於()中輸入表示名稱

z=地圖比例大小,可輸入 1-18 (建議最佳16)

t=模式,沒輸入值時為預設地圖(建議);h為衛星圖加路線;p為地形圖

例如:臺北市羅斯福路二段102號

把以下語法

<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=https://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=臺北市羅斯福路二段102號&z=16&output=embed&t=></iframe>

貼到HTML網頁裡執行後,畫面如下

2.透過經緯產生地圖

例如:大都市國際中心的經緯度 25.026635,121.522461,再透過()標註大都市國際中心

<iframe width="800" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=https://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=25.026635,121.522461(大都市國際中心)&z=16&output=embed&t=></iframe>

註:經緯度依序為(北緯,東經)

執行結果↓

 

 

以上部份文章引用自

簡易Google Map 置入方式,非API模式 - 布雷克人生 Black Life

其他文章參考:

Google Maps Query String Parameters

擴充 Html Helpers - 二維條碼篇  by 阿源哥哥