geolocation

geolocation에 대한 내용

사용방법

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

매개 변수

success

GeolocationPosition 객체를 유일한 매개변수로 받는 콜백 함수입니다.

error [Optional]

GeolocationPositionError 객체를 유일한 매개변수로 받는 콜백 함수입니다.

options [Optional]

다음을 포함하는 객체입니다.

maximumAge

캐시에 저장한 위치정보를 대신 반환할 수 있는 최대 시간을 나타내는 양의 long 값입니다. 0을 지정한 경우 장치가 위치정보 캐시를 사용할 수 없으며 반드시 실시간으로 위치를 알아내려 시도해야 한다는 뜻입니다. Infinity를 지정한 경우 지난 시간에 상관없이 항상 캐시에 저장된 위치정보를 반환해야 함을 나타냅니다. 기본 값은 0입니다.

timeout

기기가 위치를 반환할 때 소모할 수 있는 최대 시간(밀리초)을 나타내는 양의 long 값입니다. 기본 값은 Infinity로, 위치를 알아내기 전에는 getCurrentPosition()이 반환하지 않을 것임을 나타냅니다.

enableHighAccuracy

위치정보를 가장 높은 정확도로 수신하고 싶음을 나타내는 불리언 값입니다. true를 지정했으면, 지원하는 경우 장치가 더 정확한 위치를 제공합니다. 그러나 응답 속도가 느려지며 전력 소모량이 증가하는 점에 주의해야 합니다. 반면 false를 지정한 경우 기기가 더 빠르게 반응하고 전력 소모도 줄일 수 있는 대신 정확도가 떨어집니다. 기본 값은 false입니다.

사용하기

success

const askForLocation = function () {
    navigator.geolocation.getCurrentPosition((position) => {
        console.log(position);
    });
};

해당 함수를 만들어 동작시켜 보면

이런 내용이 출력 되는데
위도와 경도를 포함하고 있어서 현재 위치를 알 수 있다.

error

만약 위치 참조가 차단 당했다면 그 경우에 실행되는 함수를 입력하면 된다.

const errorToGeo = function(err) {
    console.log(err);
}
const askForLocation = function () {
    navigator.geolocation.getCurrentPosition(accessToGeo,err);
};

해당 함수를 실행했을대 만약 위치 허용을 막아버리면 에러 로그가 출력되게됨.