Heim > Artikel > Web-Frontend > Beispielcode für HTML5-Geolocation-APIs
1.navigator.geolocation
Das wichtigste Objekt im Zusammenhang mit dem geografischen Standort in HTML5 ist navigator.geolocation, das über einige Methoden und Attribute verfügt. Durch die Erkennung der Browserunterstützung für die HTML5-Geolokalisierung wird auch dieses Objekt erkannt.
2.getCurrentPosition-, watchPosition- und clearWatch-Methoden
Dies sind die beiden Kernmethoden der Geolokalisierung. Die erste Methode ruft nur die geografischen Standortinformationen ab, und die letztere Methode ruft die geografischen Standortinformationen in einem bestimmten Zeitintervall ab. Ihre Parameter sind gleich, aber die Rückgabewerte sind unterschiedlich. Letztere gibt eine watchId als zurück Ein Parameter für die ClearWatch-Methode kann die Anforderung von Standortinformationen beenden.
getCurrentPosition hat die Form:
void getCurrentPosition(in PositionC all back successCallback, in optional PositionErrorCallback errorCallback, in optional PositionOptions options);
Der erste Parameter ist eine Funktion , mit der die erfolgreich empfangenen geografischen Standortinformationen verarbeitet werden Positionsobjekt Geben Sie als Parameter die empfangenen Geolokalisierungsinformationen an.
Der zweite Parameter ist optional und eine Funktion zur Fehlerbehandlung. Diese Funktion empfängt normalerweise ein Fehlerobjekt als Parameter und Fehler enthält Fehlerinformationen.
Der dritte Parameter dient der weiteren Steuerung der geografischen Standortinformationen und ist ebenfalls optional. Es wird normalerweise in geschweifte Klammern eingeschlossen und hat normalerweise drei Werte:
enableHighAccuracy: Wird zur Steuerung der Genauigkeit verwendet. Der Effekt kann Nebenwirkungen haben.
Timeout: Wird verwendet, um das Timeout für Geolocation-Informationsanfragen in Millisekunden anzugeben.
MaximumAge: wird verwendet, um die Häufigkeit der Aktualisierung der geografischen Standortinformationen in Millisekunden anzugeben.
Ein Beispiel lautet wie folgt:
navigator.geolocation.getCurrentPosition(up date Location,han dl eLocationError, {timeout:10000});
3.psition-Objekt
Es ist wie folgt definiert:
interface Position { readonly attribute Co ord inates coords; readonly attribute DOMTimeStamp timestamp; };
Es hat die Koordinaten eines untergeordneten Objekts und ein Attribut Zeitstempel.
Koordinaten: Es handelt sich um ein Koordinatenobjekt, das wie folgt definiert ist:
interface Coordinates { readonly attribute double latitude; //维度 readonly attribute double lon git ude; //经度 readonly attribute double? altitude; //高程(/m) readonly attribute double accuracy; //经度和维度的精确度(/m) readonly attribute double? altitudeAccuracy; //高程精确度(/m) readonly attribute double? head ing; //移动方向(/deg) readonly attribute double? speed; //移动速度(/m/s) };
Die Attribute mit Fragezeichen werden in vielen Browsern und Geräten nicht implementiert. Ohne diese Attribute übergeben Sie Programmierung Der erhaltene Wert ist null.
Die drei Attribute Breitengrad, Längengrad und Genauigkeit werden verwendet, um die angeforderten Breitengrad-, Längengrad- und Präzisionsinformationen bereitzustellen. Breiten- und Längengrad werden in Dezimalzahlen ausgedrückt und die Präzisionseinheit ist Meter.
Zeitstempel: Zeitstempel.
4.Fehlerobjekt
Das Fehlerobjekt verfügt über ein Codeattribut, das zur Angabe des Fehlertyps verwendet wird. Sie können sich Code als Aufzählungstyp vorstellen. Er hat vier Werte: 0 (UNKNOWN_ERROR1, 1 (PERMISSION_DENIED), 2 (POSITION_UNAVAILABLE) und
3 (TIMEOUT) Darüber hinaus verfügt der Fehler auch über ein Nachrichtenattribut zur Bereitstellung von Fehlerdetails.
Das obige ist der detaillierte Inhalt vonBeispielcode für HTML5-Geolocation-APIs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!