[7-1] Geolocation

choimarmot·2024년 1월 18일
0
post-thumbnail

바닐라 JS로 크롬 앱 만들기 [7-1] Geolocation


  • Geolacation : 사용자 위치 확인
  • latitude : 위도 / longitude : 경도

getCurrentPosition

  • 브라우저에서 위치 좌표를 주는 기능 (WIFI, 위치, GPS 등)
  • 2개의 argument 필요

기본

navigator.geolocation.getCurrentPosition(success[1], error[2]);

[1] 모든 게 잘 됐을 때 실행 될 함수
[2] 에러가 발생 했을 때 실행 될 함수

예제

function onGeoOk(position) {
    const lat = position.coords.latitude;
    const lng = position.coords.longitude;
    console.log("you live in", lat, lng);
}

function onGeoError() {
    alert("Can't find you. No weather for you.");
}

navigator.geolocation.getCurrentPosition(onGeoOk, onGeoError);

success → onGeoOk 실행
Error → onGeoError 실행

profile
프론트엔드 개발 일기

0개의 댓글