您好,登錄后才能下訂單哦!
H5如何結(jié)合百度map實(shí)現(xiàn)GPS定位?針對(duì)這個(gè)問題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。
目前我們做m端時(shí)都會(huì)用到定位,當(dāng)用戶第一次打開h6頁(yè)面時(shí)會(huì)啟動(dòng)gps定位,并結(jié)合百度map來查找城市。按照我們的邏輯思路就是gps定位獲取經(jīng)緯度,傳到后臺(tái)調(diào)用百度的一個(gè)接口查找城市名稱。
1、查詢得到城市名稱,我們根據(jù)城市名稱在我們自己的數(shù)據(jù)庫(kù)里再查詢對(duì)應(yīng)的城市id(查詢會(huì)很頻繁,可以基于xml 緩存查詢,也可以放到redis里)
2、為了保險(xiǎn)起見,我們也會(huì)在自己的庫(kù)里根據(jù)經(jīng)緯度維護(hù)一套城市信息,防止接口不可用時(shí)不影響定位。
1 (function () { 2 var 3 isGeolocation = false, 4 lat = 0, 5 lng = 0, 6 coords = null; 7 8 if (navigator.geolocation) { isGeolocation = true; }; 9 if (isGeolocation) {10 function getPosSuccess(position) {11 coords = position.coords;12 lat = coords.latitude, lng = coords.longitude;13 $.ajax({14 type: 'GET',15 dataType: 'json',16 url: '/Home/GetPositionArea',17 data: { 'lat': lat, 'lng': lng },18 success: function (data) {19 20 }21 });22 };23 function getPosError(err) {24 switch (err) {25 case err.PERMISSION_DENIED:26 console.log("您拒絕了共享位置,可手動(dòng)選擇城市。");27 break;28 case err.POSITION_UNAVAILABLE:29 console.log("無(wú)法獲取當(dāng)前位置");30 break;31 case err.TIMEOUT:32 console.log("獲取位置超時(shí)");33 break;34 default:35 console.log("未知錯(cuò)誤");36 break;37 }38 39 };40 navigator.geolocation.getCurrentPosition(getPosSuccess, getPosError, null);41 } else {42 43 };44 45 })();
JsonResult GetPositionArea( lng, api = result =
關(guān)于H5如何結(jié)合百度map實(shí)現(xiàn)GPS定位問題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。