Heim > Web-Frontend > H5-Tutorial > Hauptteil

Beispielcode für HTML5-Geolocation-APIs

黄舟
Freigeben: 2017-04-01 11:42:45
Original
1639 Leute haben es durchsucht

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);
Nach dem Login kopieren

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});
Nach dem Login kopieren

3.psition-Objekt
Es ist wie folgt definiert:

interface Position {
      readonly attribute Co
ord
inates coords;
      readonly attribute DOMTimeStamp timestamp;
   };
Nach dem Login kopieren

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)
      };
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!