基于百度地圖的HTML5地理定位技術(shù)應(yīng)用實(shí)踐

季耀君

摘要：HTML5新功能和新特性，為推動(dòng)跨平臺(tái)Web應(yīng)用服務(wù)增添了新鮮活力。地理定位是HTML5的重要特性，HTML5定義了一系列API編程接口和規(guī)范，能夠?yàn)橛脩籼峁┤娴牡乩矶ㄎ环?wù)。通過(guò)闡述HTML5地理位置定位技術(shù)原理，利用HTML5提供的Geolocation、getCurrentPosition、Watchposition 3個(gè)API實(shí)現(xiàn)了用戶位置的獲取、定位與持續(xù)追蹤，通過(guò)HTML5和Baidu Map實(shí)現(xiàn)位置信息的交互，說(shuō)明HTML5地理定位技術(shù)的實(shí)現(xiàn)過(guò)程。

關(guān)鍵詞：Html5;跨平臺(tái);地理定位技術(shù);Baidu Map API;Google Map API

中圖分類號(hào)：TP393文獻(xiàn)標(biāo)志碼：A

文章編號(hào)：2095-5383（2018）04-0019-04

HTML5規(guī)范了在Web瀏覽器中使用JavaScript的地理定位Geolocation API，使得大多數(shù)Web用戶都可以在桌面和移動(dòng)環(huán)境中使用地理位置定位服務(wù)。Geolocation API定義了只與主機(jī)設(shè)備相關(guān)高層次的位置信息接口，比如緯度和經(jīng)度，API本身是不可知的基礎(chǔ)位置信息源。位置信息的常見(jiàn)來(lái)源包括IP、GPS、RFID、GSM / CDMA cell IDs等。API的設(shè)計(jì)是為了允許一次性位置請(qǐng)求和重復(fù)位置的更新及顯式查詢緩存位置的能力來(lái)保證API返回設(shè)備的實(shí)際位置，位置信息用經(jīng)緯度坐標(biāo)表示。

1地理定位技術(shù)的應(yīng)用現(xiàn)狀

近年來(lái)，地理定位技術(shù)成為網(wǎng)絡(luò)技術(shù)熱門(mén)話題，獲取用戶位置對(duì)于建立更好的用戶體驗(yàn)非常關(guān)鍵。之前檢索用戶位置信息，往往是通過(guò)用戶設(shè)備的IP地址對(duì)其位置進(jìn)行粗略估計(jì)，而現(xiàn)在能使用地理定位API的方式降低操作難度，提升定位的準(zhǔn)確性[1]。地理位置Geolocation是 HTML5 的重要特性之一，提供了確定用戶位置的功能，借助這個(gè)特性能開(kāi)發(fā)出基于位置信息的應(yīng)用。例如，通過(guò)HTML5地理定位技術(shù)，電子商務(wù)公司可以進(jìn)行運(yùn)輸成本估算，通知客戶產(chǎn)品運(yùn)輸實(shí)時(shí)情況;新聞?wù)军c(diǎn)可以提供本地新聞內(nèi)容推送和天氣報(bào)告;商店或餐館可精確地為附近用戶提供優(yōu)惠活動(dòng)和送貨上門(mén)服務(wù);電影網(wǎng)站可列出用戶附近劇院正在播放的電影等。……