HTML5 geolocation watchPosition immer aufgerufen, nur einmal

Ich bin erstellen einer android-Anwendung mit html-5 und ich will den Zugang latlong vom Benutzer als der Benutzer bewegt. Ich habe verwendet, watchPostion aber es isgiving mich dem Standort der Benutzer nur einmal.

    var watchID;
var geoLoc;

function showLocation(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;

    var ll=new google.maps.LatLng(latitude, longitude);
    map.setCenter(ll);

  console.log("Latitude : " + latitude + " Longitude: " + longitude);
}

function errorHandler(err) {
  if(err.code == 1) {
    console.log("Error: Access is denied!");
  }else if( err.code == 2) {
    console.log("Error: Position is unavailable!");
  }
    }
    if(navigator.geolocation){
      //timeout at 60000 milliseconds (60 seconds)
      var options = {timeout:60000};
      geoLoc = navigator.geolocation;
      watchID = geoLoc.watchPosition(showLocation, 
                                     errorHandler,
                                     options);


   }else{
      console.log("Sorry, browser does not support geolocation!");
   }

InformationsquelleAutor Naeem Shaikh | 2014-05-16

geolocation html5

Ich habe etwas ähnliches vor ein paar Monaten. Ich erinnere mich, dass Sie das gleiche Problem. Vielleicht wird dies helfen.

$(document).ready(function(){  
    initLocationProcedure();
}

function initLocationProcedure() {
    map = new google.maps.Map(document.getElementById('map_canvas'), {
          zoom : 17
    });

    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(displayAndWatch, locError, {
            enableHighAccuracy : true,
            timeout : 60000,
            maximumAge : 0
        });
    } else {
        alert("Your phone does not support the Geolocation API");
    }
}

function displayAndWatch(position) {
    //set current position
    setUserLocation(position);
    //watch position
    watchCurrentPosition();
}

function setUserLocation(pos) {
    //marker for userLocation
    userLocation = new google.maps.Marker({
           map : map,
           position : new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude),
           title : "You are here",
           icon : "../img/user-location.svg",
    //scroll to userLocation
    map.panTo(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
});

Hier ist, was Sie suchen

function watchCurrentPosition() {
    var positionTimer = navigator.geolocation.watchPosition(function(position) {
        setMarkerPosition(userLocation, position);
        map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
    });
}

function setMarkerPosition(marker, position) {
     marker.setPosition(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
     console.log(position);
}

Fiddle

http://jsfiddle.net/XEFks/

hi Barto , ich versuchte Ihren code verwenden, aber immer noch mit dem gleichen Problem. Ich habe versucht, den code auf mobile browser, und es funktioniert gut, Aber auf desktop-Browser, bekomme ich die Position nur einmal.
Ich habe es in einem fiddle jsfiddle.net/XEFks, wenn Sie öffnen Sie die Seite und schauen auf die Konsole, Sie sollten finden Sie unter aktualisieren der Position (es wird eine Gelocation-Objekt in der Konsole). Es wird nicht bei jedem update die zweite, weil bei der ersten die Lage gesetzt ist, wenn ein besseres gefunden ist, der erste, der aktualisiert wird, und so weiter. (Definitiv, hier zu arbeiten)
ok. Also du meinst wenn die position nicht aktualisiert, dann wäre ich nicht in der Lage sein, um die position, bis sich die position ändert.. Also kurz, es ist nicht möglich, den Ort immer wieder auf einen desktop, wie es seine Lage nicht geändert ?
Nein, nicht direkt aus dem navigator-Objekt. Natürlich könnte man immer wieder aufrufen, eine getCurrentPosition() um die Rückgabe Ihrer Koordinaten.

InformationsquelleAutor boortmans

4

Müssen Sie sicherstellen, dass Sie rufen Sie die Geolokalisierung.clearWatch () - Methode mit der id auch so, dass es setzt die Lage .

Siehe Beispiel unten:

Web/API/Geolocation.watchPosition

Die Geolokalisierung.watchPosition () - Methode verwendet wird zum registrieren einer handler-Funktion, die automatisch aufgerufen wird, jedes mal, wenn die position des Geräts ändert. Sie können auch Optional ein error-handling callback-Funktion.

Diese Methode gibt eine Uhr-ID-Wert als kann verwendet werden, um die Registrierung des handler durch übergabe an die Geolocation.clearWatch () - Methode.

Syntax
```
var id, target, option;

function success(pos) {
  var crd = pos.coords;

  if (target.latitude === crd.latitude && target.longitude === crd.longitude) {
    console.log('Congratulation, you reach the target');
    navigator.geolocation.clearWatch(id);
  }
};

function error(err) {
  console.warn('ERROR(' + err.code + '): ' + err.message);
};

target = {
  latitude : 0,
  longitude: 0,
}

options = {
  enableHighAccuracy: false,
  timeout: 5000,
  maximumAge: 0
};

id = navigator.geolocation.watchPosition(success, error, options);
```
Könnte man auch versuchen, das einwickeln der clear-Funktion wie unten beschrieben. Auch eine Einstellung von null wird sicherstellen, dass Sie aktualisiert wird.
```
//clear the watch that was started earlier
//
function clearWatch() {
    if (watchID != null) {
        navigator.geolocation.clearWatch(watchID);
        watchID = null;
    }
}
```
- Funktioniert immer noch nicht. Ich habe verwendet, clearWatch aber ich verstehe nicht, warum mein code nicht funktioniert.
- haben Sie clearwatch(watchID); wie dieser. vorbei in die orginal-id?
- Ja. Benutzt habe ich wie die.
- Ich haben nur ersetzt successfunction mit, ` - Funktion success(pos) { var crd = pos.coords; if (target.latitude === crd.latitude && target.Längengrad === crd.Längengrad) { console.log('Glückwunsch, Sie erreichen das Ziel'); navigator.geolocation.clearWatch(watchID ); watchID = null; } }; `
- Danke @SoftwareCarpenter ! Arbeiten perfekt. Viel Spaß Beim Programmieren 🙂
InformationsquelleAutor SoftwareCarpenter

function watchCurrentPosition() {
    var positionTimer = navigator.geolocation.watchPosition(function(position) {
        setMarkerPosition(userLocation, position);
        map.panTo(new google.maps.LatLng(position.coords.latitude, position.coords.longitude));
    });
}

Dieser würde sicherlich helfen..

InformationsquelleAutor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.