자바스크립트로 위치 찾기

이 블로그 게시물에서는 브라우저에서 현재 위치를 검색한 다음 경도와 위도 좌표를 사용하여 정확한 위치를 결정하는 방법을 보여줍니다. Maps.co의 무료 API를 사용하여 좌표를 사람이 읽을 수 있는 형식으로 변환하는 역지오코딩을 수행합니다

구현 단계:

• 현재 위치 가져오기: 브라우저가 제공하는 사용자의 현재 위치에 액세스합니다(사용자 권한 사용). 그러면 위도와 경도 값이 제공됩니다.

• 역 지오코드 API: 이러한 좌표를 사용하여 Maps.co의 역 지오코딩 API에 대한 API 호출을 수행하여 전체 주소를 얻습니다. 해당 플랫폼에 가입하면 무료로 API 키를 얻을 수 있습니다.

• API 끝점: 역지오코딩의 끝점은 다음과 같습니다.
  

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

위도와 경도를 실제 값으로 바꾸고 YOUR_API_KEY를 개인 API 키로 바꾸세요.

`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();`

위 내용은 자바스크립트로 위치 찾기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!