geolocation Demo_getCurrentPosition

HTML5_Geolocation_최성규.pptx

HTML5의 기능인 geolocation 의 기능중 위치 정보를 한번만 조회하는 getCurrentPostion의 기능을 알아보겠다.

아래 버튼을 클릭하면  getCurrentPostion 메서드를 이용하여  위도와 경도를 조회한다.

버튼 클릭시 호출 되는 자바스크립트의 소스는 아래와 같다.
<script type="text/javascript"> function CheckCurrentPostion() { if (navigator.geolocation) { //브라우저 지원 여부 확인 navigator.geolocation.getCurrentPosition(successCallback, errorCallback); } else { alert("이 브라우저는 Geolocation를 지원하지 않습니다"); } } function successCallback(position) { var lat = position.coords.latitude; var lng = position.coords.longitude; document.getElementById("msg").innerHTML = "위도" + lat + ", 경도:" + lng } function errorCallback(error) { alert(error.message); } </script>