Wie Geolokalisierung zu verwenden, wenn mit javascript Coding

javascript-Code Schriftsteller müssen ein Formular Griff auf Geolokalisierung zu haben. Die Geolocation-API gibt Programme Zugriff auf die Geolocation-Funktionalität des Web-Browser, die das Programm der Standort des Geräts auf der Erde zu berichten. Die Geolocation-API gehört zu den gut unterstützt HTML5-APIs und wird in etwa 90 Prozent der Desktop-und mobile Browser, darunter alle die großen, mit Ausnahme von Opera Mini implementiert.

Was macht die Entfernung zu kennen?

Die Geolocation-API beschreibt, wie javascript mit dem interagieren kann

navigator.geolocation Objekt, um Daten über ein Gerät die aktuelle Position zu bekommen, einschließlich

  • Breite: Die Breite in Dezimalgrad

  • Länge: Die Länge in Dezimalgrad

  • Höhe: Die Höhe in Metern

  • Überschrift: Die Richtung das Gerät fährt

  • Geschwindigkeit: Die Geschwindigkeit der Vorrichtung in Metern pro Sekunde

  • Genauigkeit: Die Genauigkeit der Breite und Länge, gemessen in Metern

Durch einige oder alle diese Daten zu erhalten, eine javascript-Anwendung in einem Webbrowser ausgeführt wird ein Benutzer auf einer Karte platzieren können, Abfragequellen wie Google Maps für Sehenswürdigkeiten oder Restaurants, die lokale für den Benutzer, und vieles mehr.

Wie funktioniert Geolocation-Arbeit?

Wenn initiiert javascript eine Anforderung für die Position Geräte, durch die Geolokalisierung Objekt, eine Reihe von Schritten stattfinden, vor der Positionsinformation zurückgegeben wird.

Das erste, was geschehen ist, dass der Browser sicherstellen muss, dass der Benutzer die Berechtigung für die jeweilige Web-App gegeben hat das Gerät die Geolokalisierung Informationen zuzugreifen. Verschiedene Browser den Benutzer auf, auf unterschiedliche Weise aufgefordert, aber es ist in der Regel durch eine Art Popup oder eine Benachrichtigung erfolgen.

Der Chrome-Browser zeigt eine Geolocation-Symbol und eine Nachricht unter der Adressleiste, wenn eine Website Anfragen an Geolocation-Daten zugreifen.

Chrome zeigt Geolocation-Anfragen unter der Adressleiste.
Chrome zeigt Geolocation-Anfragen unter der Adressleiste.

Nachdem Sie eine Website Zugriff auf Ihre Entfernung zu kennen geben, versucht der Browser, den Sie zu finden. Es tut dies durch eine Anzahl verschiedener Mittel, beginnend mit dem genauesten und ausgehend bis hin zu weniger genauen Weise.

Wenn das Programm zeigt an, dass eine hohe Genauigkeit erforderlich ist, wird die Entfernung zu kennen eine längere Zeit mit dem Versuch verbringen hochgenaue GPS-Informationen zugreifen zu können. Andernfalls versucht der Browser Geschwindigkeit mit Genauigkeit zu balancieren die genauesten Ergebnisse aus einer der folgenden Quellen zu erhalten, wenn verfügbar:

  • GPS-Satellitenortung

  • Ihre drahtlose Netzwerkverbindung

  • Die Zelle Turm Ihr Telefon oder ein mobiles Gerät ist mit

  • Die IP-Adresse Ihres Geräts oder Computer

Wie verwenden Sie Geolocation?

Der Schlüssel zur Geolokalisierung mit der navigator.geolocation Objekt getCurrentPosition Verfahren. Das getCurrentPosition Methode kann drei Argumente:

  • Erfolg: Eine Rückruffunktion, die eine übergeben wird Position Objekt, wenn die Entfernung zu kennen erfolgreich ist

  • FehlerEine optionale Callback-Funktion, die die übergeben wird Position Objekt, wenn die Entfernung zu kennen versagt

  • Optionen: Ein optionaler PositionOptions Objekt, das mehrere Aspekte, wie die Geolocation-Lookup durchgeführt zu steuern, verwendet werden kann, ist

Das Position Objekt, das durch die zurückgegeben getCurrentPosition Verfahren enthält zwei Eigenschaften:

  • Position.coords: Enthält ein Koordinaten Objekt, das die Lage beschreibt

  • Position.timestamp: Die Zeit, in der Lage abgerufen wurde

Dieses Beispiel zeigt, wie Sie die verwenden können, getCurrentPosition Methode, um die Position Objekt und eine Schleife durch die Rückgabewerte in Position.coords.

Die Position Objekt

Wenn das Gerät, das Sie diesen Code auf Stützen geolocation laufen und den Browser können Sie Ihren Standort bestimmen, die Ergebnisse dieses Skript ausgeführt wird, sollte dies ähneln.

Drucken der Rückgabewerte der & lt; span class = positiauf obje "width =" 535 "/>
Drucken der Rückgabewerte der positiauf Objekt.

Beachten Sie, dass einige der Eigenschaften der Koordinaten Gegenstand sind alle null. Dies liegt daran, es wurde mit einem Desktop-Computer, der nicht die Fähigkeit hat, einige dieser Koordinaten zu erhalten. Das Ergebnis das gleiche Skript in einem mobilen Browser auf einem Smartphone ausgeführt werden:

Erste Geolocation-Daten mit einem Smartphone-Browser.
Erste Geolocation-Daten mit einem Smartphone-Browser.

Beachten Sie, dass die mobilen Browser zeigt Zahlen für Höhe, aber in Richtung und Geschwindigkeit sind immer noch null, da das Gerät stationär war zu der Zeit, wenn die Seite geladen wurde.

Ähnliche

Menü