[책] 자바스크립트 코드 레시피 278 - 219일차

위치 정보 읽어 오기

• 지도에 현재 위치를 표시하고 싶을 때

구문

navigator.geolocation.getCurrentPosition 위치 정보 가져오기
position.coords.latitude 위도
position.coords.longitude 경도
position.coords.accuracy 위도, 경도의 오차

설명

GPS는 지도 앱과 SNS 앱 등에서 위치 정보를 확인할 때 사용하는 센서입니다. Geolocation API로 액세스할 수 있으며, navigator.geolocation.getCurrentPosition()을 사용해 위치 정보를 가져올 수 있습니다. position.coords.accuracy 속성은 위도와 경도의 오차를 나타내는 것으로 가져온 위도, 경도의 데이터와 실제 위치의 오차 범위를 m 단위로 나타냅니다.

navigator.geolocation.getCurrentPosition(geoSuccess, getError);

function geoSuccess() {
  const lat = position.coords.latitude;
  const lng = position.coords.longitude;
  const accuracy = Math.floor(position.coords.accuracy);
  console.log(lat);
  console.log(lng);
  console.log(accuracy);
}

function getError() {
  alert('Geolocation Error');
}