溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

H5如何結(jié)合百度map實(shí)現(xiàn)GPS定位

發(fā)布時(shí)間:2020-07-20 10:09:01 來源:億速云 閱讀:320 作者:Leah 欄目:編程語(yǔ)言

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í)不影響定位。

H5 GPS定位

 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     })();

結(jié)合百度接口查詢具體城市

 JsonResult GetPositionArea( lng,  api = result =

關(guān)于H5如何結(jié)合百度map實(shí)現(xiàn)GPS定位問題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問一下細(xì)節(jié)

免責(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)容。

AI