HTML5에서는 위치정보를 얻어갈 수 있는 API를 제공한다. 다음은 사용예.
navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError);
navigator.geolocation.watchPosition(updateLocation, handleLocationError, {maximumAge:2000});
function updateLocation(position) {
...
position에 위치관련 정보가 담겨져있다.
}
function handleLocationError(error) {
...
error에 error관련 정보가 담겨져있다.
}
updateLocation, handleLocatoiinError 는 callback 함수이며,
위치정보를 얻어오는데 성공하면 updateLocation() 함수가, 에러가 발생하면 handleLocatoiinError() 함수가 호출된다.
getCurrentPosition() 함수가 단발성으로 위치정보를 얻어오는데 반해,
watchPosition() 함수를 이용하면 주기적으로 위치정보를 얻어올 수 있다. maximumAge는 한마디로 갱신주기를 의미한다.
watchPosition() 함수를 사용할 때, updateLocation() callback은 위치정보가 변경된 경우에만 호출된다.
다음은 간단한 테스트 코드.
참고링크: 요기
테스트 브라우저. 둘 다 잘 된다.
'프로그래밍 > HTML5' 카테고리의 다른 글
| [HTML5] PeerConnection을 이용한 1:1 영상통화 구현 (4) | 2012.06.25 |
|---|---|
| [HTML5] WebSocket을 이용한 초간단 채팅 (0) | 2012.06.20 |
| [HTML5] WebSocket echo 테스트 / 서버설치 (0) | 2012.06.20 |
| [HTML5] 캠(cam) 이용하기 (0) | 2012.06.04 |
| [HTML5] jWebSocket 이용하기 (0) | 2012.06.01 |
