[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 阿源哥哥