Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie HTML5, um den geografischen Standort zu ermitteln

So verwenden Sie HTML5, um den geografischen Standort zu ermitteln

坏嘻嘻
坏嘻嘻Original
2018-09-26 11:50:203735Durchsuche

Die meisten aktuellen mobilen Endgeräte verfügen über eine GPS-Ortungsfunktion. Einerseits kann die Basisstation zur Ermittlung der Position verwendet werden, andererseits kann der GPS-Chip zur genauen Positionierung genutzt werden Wie teilen wir bei der Front-End-Entwicklung den geografischen Standort mit Zustimmung des Benutzers mit? Dieser Artikel zeigt Ihnen, wie Sie HTML5 verwenden, um den geografischen Standort zu ermitteln. Freunde in Not können sich darauf beziehen.

Das Prinzip der geografischen Standortermittlung

Die meisten Geräte erfordern Benutzerberechtigungen, um ihren geografischen Standort zu teilen. Wie identifizieren Geräte also ihren Standort? geografischer Standort? Es gibt grob zwei Methoden:

  1. Positionierung über die IP-Adresse des mobilen Endgeräts (einschließlich WLAN, CDMA usw.).

  2. Ein GPS-Gerät, das Breiten- und Längengradinformationen durch Satellitenortung erhält.

Zuerst müssen wir die Anruffunktion einrichten, um eine Erlaubnis zu beantragen, dann die Rückruffunktion verwenden, um die geografischen Standortinformationen zu erhalten, und schließlich müssen wir eine fehlertolerante Verarbeitung durchführen Ergebnisse ausgeben.

Schritte zum Ermitteln des geografischen Standorts

Schritt 1: Standortfunktion aufrufen

function get_location() {
  navigator.geolocation.getCurrentPosition(show_map, handle_error, PositionOptions);
}

Schritt 2: Ermitteln Sie den geografischen Standort

function show_map(position) {
  var latitude = position.coords.latitude;//获取纬度
  var longitude = position.coords.longitude;//获取经度
}

Die Rückruffunktion muss ein Positionsobjekt übergeben, bei dem es sich um die erhaltenen Standortinformationen handelt. Das Positionsattribut ist wie in der Abbildung dargestellt


So verwenden Sie HTML5, um den geografischen Standort zu ermitteln

Schritt 3: Fehlertoleranzverarbeitung

function handle_error(err) {
  switch(err.code)  {
    case err.PERMISSION_DENIED:
      break;
    case err.POSITION_UNAVAILABLE:
      break;
    case err.TIMEOUT:
      break;
    case err.UNKNOWN_ERROR:
      break;
  }
}

Hier sind vier Fehlerbedingungen aufgeführt

  1. Der Benutzer hat die Anfrage zum Abrufen der Geolokalisierung abgelehnt.

  2. Standortinformationen sind nicht verfügbar.

  3. Zeitüberschreitung beim Anfordern von Geolokalisierungsinformationen.

  4. Unbekannter Fehler.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie HTML5, um den geografischen Standort zu ermitteln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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