Heim > Web-Frontend > HTML-Tutorial > HTML5-Geolokalisierung

HTML5-Geolokalisierung

(*-*)浩
Freigeben: 2019-11-14 15:15:01
Original
2723 Leute haben es durchsucht

HTML5-Geolokalisierung

HTML5-Geolokalisierung

Lokalisieren Sie den Standort des Benutzers (Empfohlenes Lernen: HTML-Tutorial)

HTML5 Geolocation API wird verwendet, um den geografischen Standort des Benutzers zu ermitteln.

Da diese Funktion möglicherweise die Privatsphäre des Benutzers verletzt, sind Informationen zum Benutzerstandort nicht verfügbar, es sei denn, der Benutzer stimmt zu.

Browser-Unterstützung

Internet Explorer 9, Firefox, Chrome, Safari und Opera unterstützen Geolokalisierung.

Hinweis: Die Geolokalisierung ist für Geräte mit GPS, wie zum Beispiel das iPhone, genauer.

HTML5 – Geolocation verwenden

Bitte verwenden Sie die Methode getCurrentPosition(), um den Standort des Benutzers zu ermitteln.

Das folgende Beispiel ist ein einfaches Geolokalisierungsbeispiel, das den Längen- und Breitengrad des Standorts des Benutzers zurückgibt.

Beispiel

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude;
  }
</script>
Nach dem Login kopieren

Beispielerklärung:

Erkennen, ob Geolokalisierung unterstützt wird

Wenn unterstützt, dann Führen Sie die Methode getCurrentPosition() aus. Wenn dies nicht unterstützt wird, wird dem Benutzer eine Meldung angezeigt.

Wenn getCurrentPosition() erfolgreich ausgeführt wird, wird ein Koordinatenobjekt an die im Parameter showPosition angegebene Funktion zurückgegeben

Die Funktion showPosition() ruft den Längen- und Breitengrad ab und zeigt ihn an

Das obige Beispiel ist ein sehr einfaches Geolocation-Skript ohne Fehlerbehandlung.

Das obige ist der detaillierte Inhalt vonHTML5-Geolokalisierung. 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