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);
};
콜백함수는 시간적인 텀이 있는 경우 다음 명령이 실행되지 않도록 기다려 주도록 하는데 사용합니다.
'WEB_TECH > HTML5' 카테고리의 다른 글
단말기의 기종을 알아내는 구문 (0) | 2013.06.13 |
---|---|
canvas animation 예제입니다. (0) | 2013.05.24 |
HTML5 사운드 플레이어 만들기1 (0) | 2013.05.23 |
Google Maps Javascript API V3 (0) | 2012.10.25 |
새로운 HTML5 Javascript API (0) | 2012.10.22 |
<canvas>에 4가지 간단 그리기 예제 (0) | 2012.10.22 |
<canvas>란 무엇일까? (0) | 2012.10.22 |
HTML5에서 새로 사용된 엘리먼드들 (0) | 2012.10.22 |
html5에서 사운드 사용하기 (0) | 2012.08.09 |