> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트로 위치 찾기

자바스크립트로 위치 찾기

Patricia Arquette
풀어 주다: 2024-11-10 07:55:02
원래의
911명이 탐색했습니다.

Find your Location With Javascript

이 블로그 게시물에서는 브라우저에서 현재 위치를 검색한 다음 경도와 위도 좌표를 사용하여 정확한 위치를 결정하는 방법을 보여줍니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿