Finden Sie Ihren Standort mit Javascript

In diesem Blogbeitrag zeigen wir, wie Sie den aktuellen Standort aus dem Browser abrufen und dann die Längen- und Breitengradkoordinaten verwenden, um den genauen Standort zu bestimmen. Wir verwenden eine kostenlose API von Maps.co, um eine umgekehrte Geokodierung durchzuführen, die Koordinaten in ein für Menschen lesbares Format umwandelt

Schritte zur Implementierung:

• Aktuellen Standort abrufen: Wir greifen auf den aktuellen Standort des Benutzers zu, den der Browser bereitstellt (mit Benutzerberechtigung). Dadurch erhalten wir die Breiten- und Längengrade.

• Reverse Geocode API: Mit diesen Koordinaten führen wir einen API-Aufruf an die Reverse Geocoding API von Maps.co durch, um die vollständige Adresse zu erhalten. Sie können einen API-Schlüssel kostenlos erhalten, indem Sie sich auf ihrer Plattform anmelden.

• API-Endpunkt: Der Endpunkt für die umgekehrte Geokodierung ist:
  

https://geocode.maps.co/reverse?lat=latitude&lon=longitude&api_key=YOUR_API_KEY

Ersetzen Sie Breiten- und Längengrad durch die tatsächlichen Werte und YOUR_API_KEY durch Ihren persönlichen API-Schlüssel.

`const api_key = "you key";

const currentLocation = () => {
    navigator.geolocation.getCurrentPosition((position) => {
        fetchLocation(position.coords.longitude, position.coords.latitude)
    }, (error) => {
         console.error("Current Location", error);
    })

}
const fetchLocation = async (lon, lat) => {
    try {
           const location = await fetch(`https://geocode.maps.co/reverse?lat=${lat}&lon=${lon}&api_key=${api_key}`)
     const response = await location.json();
     console.log(response?.display_name);
    }
    catch (error) {
         console.error("Error fetching location:", error);
    }

}

currentLocation();`

Das obige ist der detaillierte Inhalt vonFinden Sie Ihren Standort mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!