H5如何結(jié)合百度map實現(xiàn)GPS定位-創(chuàng)新互聯(lián)

H5如何結(jié)合百度map實現(xiàn)GPS定位?針對這個問題,這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

成都創(chuàng)新互聯(lián)公司自2013年起,先為屏南等服務(wù)建站,屏南等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為屏南企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

前言

目前我們做m端時都會用到定位,當(dāng)用戶第一次打開h6頁面時會啟動gps定位,并結(jié)合百度map來查找城市。按照我們的邏輯思路就是gps定位獲取經(jīng)緯度,傳到后臺調(diào)用百度的一個接口查找城市名稱。

1、查詢得到城市名稱,我們根據(jù)城市名稱在我們自己的數(shù)據(jù)庫里再查詢對應(yīng)的城市id(查詢會很頻繁,可以基于xml 緩存查詢,也可以放到redis里)

2、為了保險起見,我們也會在自己的庫里根據(jù)經(jīng)緯度維護一套城市信息,防止接口不可用時不影響定位。

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("您拒絕了共享位置,可手動選擇城市。");27                         break;28                     case err.POSITION_UNAVAILABLE:29                         console.log("無法獲取當(dāng)前位置");30                         break;31                     case err.TIMEOUT:32                         console.log("獲取位置超時");33                         break;34                     default:35                         console.log("未知錯誤");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元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前題目:H5如何結(jié)合百度map實現(xiàn)GPS定位-創(chuàng)新互聯(lián)
網(wǎng)頁路徑:http://www.muchs.cn/article22/hgccc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、外貿(mào)建站服務(wù)器托管、App設(shè)計、微信小程序、小程序開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計