본문 바로가기
Web/JavaScript

navigator를 사용해 내 위치 확인하기(위도, 경도 확인)

by Downy_J 2023. 8. 24.
728x90
반응형
SMALL

내 위치의 날씨 정보를 얻고 싶어 찾고 찾다가

날씨정보는 openweather API를 사용해 얻어 냈으나. .

도시를 입력해야 한다는거 때문에 다른 방법이 있을거 같은데. . . 싶어

 

navigator를 찾아내게 됬다


저기에 내 위치 함 넣어 보자고~

 

스크립트에 log()말고 dir() 해서 navigator을 해보면
별별게 다 있다
여기기서 카메라 켜는거, 뭐 블루투스연결 하는거,
지금 하려는 위치정보 등등 정보를 가져올수있다
그중 볼거는 이거 geolocation 이다

열어 보면 여러 함수들을 불러다 쓸수있다 말하고 있다

 

그럼 함수 하나 만들어보다

getCurrentPostion()불러와 보면..

콜백 함수를 불러오게 되있다

success 콜백함수과 error 콜백함수를 불러와야 한단다

그럼 콜백 함 만들어 주자

자 그럼 콜백 함수도 만들었겠다

저기 success 함수에 원초적으로 하려던 openWeather API 함수 부르는걸 넣음 되는거겠네?

그런데. . 내 위치정보는 어떻게 알지?

 

getCurrentPostion() 사용법 다시 보니깐

저 콜백 부를때 position을 넣어 뭘 불러올수가 있나봄

position을 인자로 넣어 불러 와보면~

저기 coords에 latitude와 longitude의 값이 보인다!!

저게 위도와 경도다

함 넣어주면~!

현 내 위치 값이 나온다!!

728x90