본문 바로가기

WEB_TECH/HTML5

Geolocation API

Geolocation API는 디바이스의 위치정보를 얻는 javascriptAPI입니다.

GPS로 부터 얻은 것인지 네트워크로부터 얻은 것인지는 구분하지 않습니다.


Window.navigator 객체로부터 정보를 얻습니다.


크롬에서 아래의 경로로 가보면

http://www.browsergeolocation.com/

자신의 현재위치가 나옵니다. PC로 볼 때 안나올 수도 있습니다.




위치정보 객체의 속성

위치정보 객체의 속성들을 알아보겠습니다.


coords 여러개의 속성들이 있다

timestamp



Geolocation 지원 브라우저

http://www.caniuse.com

여기서 geolocation이라고 쳐 보면 지원하는지 확인할 수 있습니다.

역시 HTMl5를 지원하지 않는 브라우저에서는 지원이 안 되는 것을 확인할 수 있습니다.

역쉬 IE는 역쉬 쓰지 말아야 해!



Geolocation의 메서드


 getCurrentPosition(successCallback, errorCallback, option)

 watchPosition(successCallback, errorCallback, option)

 clearWatch(watchID)


successCallback의 예


function(pos){

  alert("위도 : " + pos.coords.latitude);

  alert("위도 : " + pos.coords.longitude);

};


콜백함수는 시간적인 텀이 있는 경우 다음 명령이 실행되지 않도록 기다려 주도록 하는데 사용합니다.