新聞中心
H5如何結(jié)合百度map實(shí)現(xiàn)GPS定位?針對(duì)這個(gè)問(wèn)題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。
前言
目前我們做m端時(shí)都會(huì)用到定位,當(dāng)用戶第一次打開(kāi)h6頁(yè)面時(shí)會(huì)啟動(dòng)gps定位,并結(jié)合百度map來(lái)查找城市。按照我們的邏輯思路就是gps定位獲取經(jīng)緯度,傳到后臺(tái)調(diào)用百度的一個(gè)接口查找城市名稱。
1、查詢得到城市名稱,我們根據(jù)城市名稱在我們自己的數(shù)據(jù)庫(kù)里再查詢對(duì)應(yīng)的城市id(查詢會(huì)很頻繁,可以基于xml 緩存查詢,也可以放到redis里)
2、為了保險(xiǎn)起見(jià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 })();
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
本文名稱:H5如何結(jié)合百度map實(shí)現(xiàn)GPS定位-創(chuàng)新互聯(lián)
文章出自:http://www.dlmjj.cn/article/hgccc.html