모바일 웹 : navigator.geolocation 이용하기.
ITWeb/개발일반 2011. 10. 24. 10:22참고 URL : http://dev.w3.org/geo/api/spec-source.html
지원 브라우저는 safari, firefox, chrome 에서 지원됨.
크롬에서 로컬 파일 실행 시켜서 테스트 했더니 주소창에 "위치추적이 차단 되었습니다." 라고 아이콘 뜨고 안됩니다.
서버에 올려서 테스트 하시면 "허용/차단" 버튼 나오면서 정상 동작 확인 가능 합니다.
successCallback, errorCallback 함수 등에 대해서는
기본 위의 참고URL 가셔서 spec 문서 한번 읽어 보시면 쉽게 이해 되실 거예요.
지원 브라우저는 safari, firefox, chrome 에서 지원됨.
<html>
<head>
<script>
function successCallback(position) {
alert(position.coords.latitude + " : " + position.coords.longitude);
}
function errorCallback(error) {
alert(error.message);
}
function load(){
if ( navigator.geolocation ) {
navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
} else {
alert("geolocation not supported");
}
}
</script>
</head>
<body onload="load()">
</body>
</html>
크롬에서 로컬 파일 실행 시켜서 테스트 했더니 주소창에 "위치추적이 차단 되었습니다." 라고 아이콘 뜨고 안됩니다.
서버에 올려서 테스트 하시면 "허용/차단" 버튼 나오면서 정상 동작 확인 가능 합니다.
successCallback, errorCallback 함수 등에 대해서는
기본 위의 참고URL 가셔서 spec 문서 한번 읽어 보시면 쉽게 이해 되실 거예요.