'geolocation'에 해당되는 글 1건

  1. 2011.10.24 모바일 웹 : navigator.geolocation 이용하기.

모바일 웹 : navigator.geolocation 이용하기.

ITWeb/개발일반 2011.10.24 10:22
참고 URL : http://dev.w3.org/geo/api/spec-source.html
지원 브라우저는 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 문서 한번 읽어 보시면 쉽게 이해 되실 거예요.

신고
크리에이티브 커먼즈 라이선스
Creative Commons License
tags : , ,
Trackback 0 : Comment 0

티스토리 툴바