HTMLGeolocationElement: location event

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Das location-Ereignis der HTMLGeolocationElement-Schnittstelle wird ausgelöst, wann immer der Browser Ortungsdaten oder Fehlermeldungen erhält, wenn eine Anfrage nach Ortungsdaten nicht erfolgreich war.

In diesem Artikel

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("location", (event) => { })

onlocation = (event) => { }

Ereignistyp

Ein Event.

Beispiele

Verwendung von location, um auf Ortungsdaten und Fehler zu reagieren

In unserem Eingebettete Karte-Demo (Quellcode) verwenden wir einen location-Ereignis-Handler, um auf Empfang von Ortungsdaten und Fehlern zu reagieren:

js
geo.addEventListener("location", () => {
  if (geo.position) {
    console.log(
      `${geo.position.coords.latitude},${geo.position.coords.longitude}`,
    );
    drawMap(geo.position.coords.latitude, geo.position.coords.longitude, geo);
  } else if (geo.error) {
    console.log(geo.error.message);
  }
});

Wenn Ortungsdaten erfolgreich zurückgegeben werden, greifen wir über die HTMLGeolocationElement.position-Eigenschaft darauf zu und rufen die Breitengrad- und Längengradwerte ab. Wir protokollieren diese in der Konsole und zeichnen sie dann auf einer Karte, indem wir sie zusammen mit einem Verweis auf das HTMLGeolocationElement-Objekt an die drawMap()-Funktion übergeben. Wenn die Datenanfrage fehlschlägt, greifen wir über die HTMLGeolocationElement.error-Eigenschaft auf den Fehler zu und protokollieren die Fehlermeldung in der Konsole.

Sehen Sie die Hauptseite HTMLGeolocationElement für eine vollständige Erklärung dieses Beispiels.