HTMLGeolocationElement: location Ereignis

Syntax

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

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

onlocation = (event) => { }

Ereignistyp

Ein Event.

Beispiele

Verwendung von location, um auf Standortdaten und Fehler zu reagieren

In unserem Eingebettete Karten-Demo (Quellcode) verwenden wir einen location-Ereignis-Handler, um auf empfangene Standortdaten und Fehler zu reagieren:

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 Standortdaten 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 einer Referenz auf das HTMLGeolocationElement-Objekt an die Funktion drawMap() übergeben. Wenn die Datenanforderung fehlschlägt, greifen wir über die HTMLGeolocationElement.error-Eigenschaft auf den Fehler zu und protokollieren die Fehlermeldung in der Konsole.

Sehen Sie sich die Hauptseite HTMLGeolocationElement für eine vollständige Übersicht über dieses Beispiel an.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• <geolocation>-Element