溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
H5如何結合百度map實現GPS定位？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
目前我們做m端時都會用到定位，當用戶第一次打開h6頁面時會啟動gps定位，并結合百度map來查找城市。按照我們的邏輯思路就是gps定位獲取經緯度，傳到后臺調用百度的一個接口查找城市名稱。
1、查詢得到城市名稱，我們根據城市名稱在我們自己的數據庫里再查詢對應的城市id（查詢會很頻繁，可以基于xml 緩存查詢，也可以放到redis里）
2、為了保險起見，我們也會在自己的庫里根據經緯度維護一套城市信息，防止接口不可用時不影響定位。
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("無法獲取當前位置");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 })();JsonResult GetPositionArea( lng, api = result =
關于H5如何結合百度map實現GPS定位問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
