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은 위치정보가 변경된 경우에만 호출된다.


다음은 간단한 테스트 코드.



참고링크: 요기


테스트 브라우저. 둘 다 잘 된다.



 노트북iPad2



Posted by DevMoon
,