日前寫了一篇如何用GPS抓取目前所在,并回傳至資料庫儲存,這篇将會利用這些回報的資料,将它顯示在地圖上,這個做法有兩種,最簡單的就是直接傳值到Google Maps上.
舉例來說,當我們知道經緯度後,隻要将資料套到以下網址即可.
<a href="http://maps.google.com/maps?q=25.048346%2C121.516396">http://maps.google.com/maps?q=25.048346%2c121.516396</a>
在參數q=後面,就可以加上經緯度了.
25.048346是Latitude緯度
%2c是空格
121.516396就是Longitude經度了.
範例畫面:
<a href="http://files.dotblogs.com.tw/jeff-yeh/0806/GoogleMapAPICVS2005SampleCode_E7DB/image_2.png"></a>
<a href="http://files.dotblogs.com.tw/jeff-yeh/0806/GoogleMapAPICVS2005SampleCode_E7DB/image_4.png"></a>
最 下方My web site URL就輸入各位的URL啰,如果輸入的與執行google map api的URL不同,那就無法執行了.是以這個URL務必輸入正确, 輸入正确的URL并将上方的CheckBox打勾後,就可以按Generate API Key了,如果已經登入GOOGLE的,就不會再跳登入畫面,之後就會跳到另一個畫面,上面就有Key及Example Code了,當有了這些,就可以開始自己寫Code了.
基本上,因為主要是Demo用的,是以設計介面很簡單.
<a href="http://files.dotblogs.com.tw/jeff-yeh/0806/GoogleMapAPICVS2005SampleCode_E7DB/map1.jpg"></a>
上面就一個DropDownList,因為先前的範例資料的關系,先手動在ITEM上加上1跟2.
而下方的地圖,就跟申請API時的Example Code一樣. 原始碼如下:
隻要将"輸入你的Key"的地方置換為你在Google MAP API申請到的Key即可.
不過不管如何,可以預見的是,這個的應用會愈來愈多元,誰說未來還要自己去用電腦下載下傳圖資再更新到自己的GPS裝置上,裝置上的地圖永遠會是最新的,加上Street View,也不用去看那電腦畫出來的3D的道路圖了,或許3G或無線上網的普及,這些運用将會更廣泛.
參考資料:
<a href="http://code.google.com/apis/maps/documentation/examples" target="_blank">Google Map API Examples</a>
<a href="http://www.google.com/gmm/index.html" target="_blank">Google Map Mobile</a>