GPS 포지셔닝 튜토리얼을 달성하기 위해 Baidu 지도와 결합된 H5

머리말

현재 m-end를 수행할 때 위치 추적을 사용합니다. 사용자가 처음 h5 페이지를 열면 GPS 위치 추적이 시작되고 Baidu 지도와 결합되어 도시를 찾습니다. 우리의 논리적인 아이디어에 따르면 GPS 위치 확인은 경도와 위도를 얻는 데 사용되며, 도시 이름을 찾기 위해 Baidu의 인터페이스를 호출하기 위해 배경으로 전송됩니다.

1. 도시 이름을 얻기 위해 쿼리한 후 도시 이름을 기반으로 자체 데이터베이스에서 해당 도시 ID를 쿼리합니다(쿼리는 매우 자주 발생하며 xml 캐시를 기반으로 쿼리하거나 redis에 배치할 수 있습니다)

2. 보험의 경우 안전을 위해 인터페이스를 사용할 수 없을 때 위치 지정이 영향을 받지 않도록 자체 라이브러리에 경도 및 위도를 기반으로 한 도시 정보 세트를 유지 관리할 것입니다.

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("无法获取当前位置");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     })();

Baidu 인터페이스와 결합하여 특정 도시를 쿼리

 JsonResult GetPositionArea( lng,  api = result =

위 내용은 GPS 포지셔닝 튜토리얼을 달성하기 위해 Baidu 지도와 결합된 H5의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!