위도와 경도(Latitude & Longitude)
geolocation 속성은 사용자의 현재 위치를 파악할 수 있는 Geolocation 객체를 반환합니다. 이 객체는 navigator.geolocation을 통해 제공됩니다. 위치 정보는 사용자의 사생활과 직결되는 민감한 데이터이기 때문에, 반드시 사용자가 권한을 허용해야만 접근할 수 있습니다.
문법(Syntax)
navigator.geolocation;
이 API는 별도의 매개변수 없이 호출되며, 사용자 위치의 위도(latitude)와 경도(longitude) 값을 반환합니다.
예제
다음 예제에서는 읽기 전용 속성인 position.coords와 자바스크립트의 geolocation 속성을 함께 사용하여 사용자 위치의 위도와 경도를 구한 뒤, 그 결과를 화면에 출력합니다.
<html>
<body>
<p id = "location"></p>
<script>
var loc = document.getElementById("location");
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(getPos);
}
function getPos(position) {
loc.innerHTML = "Latitude: " + position.coords.latitude +
" </br> Longitude: " + position.coords.longitude;
}
</script>
</body>
</html>출력 결과
Latitude: 17.4381439 Longitude: 78.3948683
참고 사항
getCurrentPosition() 메서드는 비동기 방식으로 동작하며, 위치 조회에 성공하면 콜백 함수에 position 객체가 전달됩니다. 만약 사용자가 권한 요청을 거부하거나 위치 정보를 가져오지 못하는 경우를 대비해, 두 번째 인자로 에러 처리 콜백 함수를 추가하는 것이 좋습니다.