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

• 2014-01-17
• 2127 View

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=http://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=http://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=http://maps.google.com.tw/maps?f=q&hl=zh-TW&geocode=&q=25.026635,121.522461(大都市國際中心)&z=16&output=embed&t=>iframe>

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