H5 kombiniert mit der Baidu-Karte, um ein Tutorial zur GPS-Positionierung zu erhalten

零下一度
Freigeben: 2017-06-23 16:50:30
Original
2129 Leute haben es durchsucht

Vorwort

Derzeit verwenden wir beim M-End die Positionierung. Wenn der Benutzer die h5-Seite zum ersten Mal öffnet, wird die GPS-Positionierung gestartet und mit der Baidu-Karte kombiniert, um die Stadt zu finden. Gemäß unserer logischen Idee wird die GPS-Positionierung verwendet, um den Längen- und Breitengrad zu ermitteln, der dann in den Hintergrund gesendet wird, um eine Schnittstelle auf Baidu aufzurufen, um den Namen der Stadt zu finden.

1. Nachdem wir den Stadtnamen abgefragt haben, fragen wir die entsprechende Stadt-ID in unserer eigenen Datenbank basierend auf dem Stadtnamen ab (die Abfrage wird sehr häufig sein, sie kann auf einer XML-Cache-Abfrage basieren oder so). kann in Redis platziert werden)

2. Aus Versicherungsgründen werden wir in unserer eigenen Bibliothek auch eine Reihe von Stadtinformationen basierend auf Längen- und Breitengraden verwalten, um zu verhindern, dass die Positionierung beeinträchtigt wird, wenn die Schnittstelle nicht verfügbar ist.

H5 GPS-Positionierung

 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     })();
Nach dem Login kopieren

Kombiniert mit der Baidu-Schnittstelle zur Abfrage bestimmter Städte

 JsonResult GetPositionArea( lng,  api = result =
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonH5 kombiniert mit der Baidu-Karte, um ein Tutorial zur GPS-Positionierung zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage