So erreichen Sie eine Echtzeitpositionierung auf der mobilen Webseite

Das öffentliche WeChat-Konto ermittelt den Standort des Kuriers in Echtzeit. Gibt es eine gute Lösung oder Schnittstelle?

Antwortinhalt:

Das öffentliche WeChat-Konto ermittelt den Standort des Kuriers in Echtzeit. Gibt es eine gute Lösung oder Schnittstelle?

Html5 selbst kann den geografischen Standort (WGS-84) ermitteln

Voraussetzung ist jedoch, dass der Kurier diese Webseite weiterhin ohne schwarzen Bildschirm öffnet. Nach dem schwarzen Bildschirm wird das Skript auf der Webseite angehalten (also wird auch das GPS gestoppt).

Das offizielle Konto liest nur die Koordinaten und lädt sie im Hintergrund hoch, wenn die Hauptoberfläche aufgerufen wird. Nach dem Betreten der Webseite werden die Berechtigungen wie bei HTML reduziert.
Die JS-API des offiziellen Kontos ruft die Koordinaten nicht kontinuierlich ab, es sei denn, setInterval ruft sie weiterhin ab, und das JS stoppt nach dem schwarzen Bildschirm.

Wenn Sie die Koordinaten des Kuriers in Echtzeit auf den Server hochladen müssen, ist die einzige Möglichkeit die APP.

---

Die Methode zur Ermittlung des geografischen Standorts im Web: navigator.geolocation hat drei Funktionen:

<code>void getCurrentPosition(onSuccess,onError,options);
//获取用户当前位置

int watchCurrentPosition(onSuccess,onError,options);
//持续获取当前用户位置

void clearWatch(watchId);
//watchId 为watchCurrentPosition返回的值
//取消监控</code>

<code>
function getLocation(){
   var options={
       enableHighAccuracy:true, 
       maximumAge:1000
   }
   if(navigator.geolocation){
       //浏览器支持geolocation
       navigator.geolocation.watchCurrentPosition(onSuccess,onError,options);
   }else{
       //浏览器不支持geolocation
   }
}

//成功时
function onSuccess(position){
   //返回用户位置
   //经度
   var longitude =position.coords.longitude;
   //纬度
   var latitude = position.coords.latitude;

}

//失败时
function onError(error){
   switch(error.code){
       case 1:
       alert("位置服务被拒绝");
       break;

       case 2:
       alert("暂时获取不到位置信息");
       break;

       case 3:
       alert("获取信息超时");
       break;

       case 4:
        alert("未知错误");
       break;
   }
}


//开始获得
getLocation();</code>

Informationen zum Konvertieren von WGS-84 in Tencent/Baidu-Koordinaten finden Sie unter https://www.oschina.net/code/...