HTML-DOM-Geolocation-Koordinateneigenschaft-HTML-Tutorial-php.cn

HTML-DOM-Geolocation-Koordinateneigenschaft

WBOY

Freigeben： 2023-09-06 20:05:07

nach vorne

700 Leute haben es durchsucht

Das Attribut „HTML-DOM-Geolokalisierungskoordinaten“ wird verwendet, um den Standort und die Höhe des Benutzergeräts auf der Erde zu ermitteln. Der Benutzer muss die Koordinaten, die er bereitstellen möchte, genehmigen, damit diese Eigenschaft funktioniert. Dies geschieht, um die Privatsphäre der Benutzer nicht zu gefährden. Damit lässt sich der Standort verschiedener Geräte verfolgen.

Eigenschaften

Im Folgenden sind die Koordinateneigenschaften aufgeführt:

Hinweis: Alle diese Eigenschaften sind schreibgeschützt und haben den Rückgabetyp „Double“.

Sr.No1 coordinates.latitude2Coordinates.Longitude 4 Koordinaten. Genauigkeit 5coordinates.altitudeAccuracy 6 zurück 7coordinates.speedSyntaxDas Folgende ist die Syntax für das GeoLocation-Koordinatenattribut -Sehen wir uns ein Beispiel für das GeoLocation-Koordinatenattribut an –

<!DOCTYPE html>
<html>
<body>
<h1>Geolocation coordinates property</h1>
<p>Get you coordinates by clicking the below button</p>
<button onclick="getCoords()">COORDINATES</button>
<p id="Sample">Your coordinates are:</p>
<script>
   var p = document.getElementById("Sample");
   function getCoords() {
      if (navigator.geolocation) {
         navigator.geolocation.getCurrentPosition(showCoords);
      } else {
         p.innerHTML ="This browser doesn&#39;t support geolocation.";
      }
   }
   function showCoords(position) {
      p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy;
   }
</script>
</body>
</html>

Nach dem Login kopieren

Ausgabe

Eigenschaften und Beschreibung th>
	Gibt den Breitengrad des Gerätestandorts in Dezimalgraden zurück.
	Gibt den Längengrad des Gerätestandorts in Dezimalgrad zurück Meter ), relativ zu Meeresspiegel. Kann null zurückgeben, wenn im Gerät kein GPS vorhanden ist.
	Gibt die Genauigkeit (in Metern) der Breiten- und Längengradattribute
	Gibt die Genauigkeit (in Metern) des Höhenattributs
cocos.heading	gibt die Richtung zurück, in die sich das Gerät bewegt. Dieser Wert in Grad gibt die Entfernung des Geräts von einem Kurs genau nach Norden an. 0 Grad stellt den wahren Norden dar und die Richtung wird im Uhrzeigersinn bestimmt (Osten ist 90 Grad, Westen ist 270 Grad). Wenn die Geschwindigkeit 0 ist, ist der Kurs NaN. Wenn das Gerät keine Kursinformationen bereitstellen kann, ist der Wert null.
	Gibt die Geschwindigkeit des Geräts in Metern pro Sekunde zurück. Der Wert kann null sein.
	coordinates.property Nach dem Login kopieren Das „Attribut“ kann eines der oben genannten Attribute in der Tabelle sein. Beispiel

Dadurch wird die folgende Ausgabe erzeugt:

Klicken Sie auf die Schaltfläche „Koordinaten“ und dann auf das Popup „Standort kennen“. Klicken Sie auf „Zulassen“. " -

Im obigen Beispiel -

Wir haben zuerst eine Schaltfläche COORDINATES erstellt, die die getCoords()-Methode ausführt, wenn der Benutzer darauf klickt -

<button onclick="getCoords()">COORDINATES</button>

Nach dem Login kopieren

getCoords()-Funktion ruft das Geolocation-Attribut des Navigatorobjekts ab, um zu überprüfen, ob Der Browser unterstützt Geolokalisierung. Wenn der Browser Geolocation unterstützt, gibt er ein Geolocation-Objekt zurück. Mit der Methode getCurrentPosition() der Geolocation-Eigenschaft des Navigators können wir den aktuellen Standort des Geräts ermitteln. Die getCurrentPosition()-Methode ist eine Callback-Funktion, die ein Funktionsobjekt als Argument akzeptiert, da jede Funktion in JavaScript ein Objekt ist. HTML DOM Geolocation coordinates属性

Hier übergeben wir ihm die Methode showCoords(). Die Methode showCoords() verwendet eine Standortschnittstelle als Parameter und zeigt damit den Längen-, Breiten- und Präzisionsgrad innerhalb des Absatzes mit der ID „Sample“ an. Es verwendet das innerHTML-Attribut des Absatzes, um Text daran anzuhängen -

function getCoords() {
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showCoords);
   } else {
      p.innerHTML ="This browser doesn&#39;t support geolocation.";
   }
}
function showCoords(position) {
   p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy;
}

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonHTML-DOM-Geolocation-Koordinateneigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!