[카카오지도 API] 좌표로 주소 추출

📗 좌표로 주소 데이터 확인

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=자바스크립트 키&libraries=services"></script>
<script>
let lat = 37.5566803113882;
let lng = 126.904501286522;
getAddr(lat,lng);
function getAddr(lat,lng){
    let geocoder = new kakao.maps.services.Geocoder();

    let coord = new kakao.maps.LatLng(lat, lng);
    let callback = function(result, status) {
        if (status === kakao.maps.services.Status.OK) {
            console.log(result);
        }
    }
    geocoder.coord2Address(coord.getLng(), coord.getLat(), callback);
}
</script>

원하는 위치의 좌표를 lat, lng변수에 넣어 실행하면 kakao API를 통해 지번주소와 도로명 주소를 추출 할 수 있습니다.

 

(위치는 제가 좋아하는 맛집입니다..)

 

 

 

 

 

 

📗 좌표로 지번 주소 추출

해당 주소 데이터에서 address_name을 추출하는 방법을 알려드리겠습니다.

 

 

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=자바스크립트 키&libraries=services"></script>
<script>
let lat = 37.5566803113882;
let lng = 126.904501286522;
getAddr(lat,lng);
function getAddr(lat,lng){
    let geocoder = new kakao.maps.services.Geocoder();

    let coord = new kakao.maps.LatLng(lat, lng);
    let callback = function(result, status) {
        if (status === kakao.maps.services.Status.OK) {
            console.log(result[0].address.address_name);
        }
    }
    geocoder.coord2Address(coord.getLng(), coord.getLat(), callback);
}
</script>

이전에는 주소데이터의 결과값인 result만을 출력하여 데이터 집합을 출력하였습니다.

 

현재는 result[0].address.address_name을 통해 지번 주소에 직접 접근하여 데이터를 추출하였습니다.

 

 

 

📗 좌표로 도로명 주소 추출

해당 주소 데이터에서 address_name을 추출하는 방법을 알려드리겠습니다.

 

 

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=자바스크립트 키&libraries=services"></script>
<script>
let lat = 37.5566803113882;
let lng = 126.904501286522;
getAddr(lat,lng);
function getAddr(lat,lng){
    let geocoder = new kakao.maps.services.Geocoder();

    let coord = new kakao.maps.LatLng(lat, lng);
    let callback = function(result, status) {
        if (status === kakao.maps.services.Status.OK) {
            console.log(result[0].road_address.address_name);
        }
    }
    geocoder.coord2Address(coord.getLng(), coord.getLat(), callback);
}
</script>

지번 주소의 경우와 마찬가지 입니다.

 

result[0].address.address_name을 통해 도로명 주소에 직접 접근하여 데이터를 추출하였습니다.

 

같은 방식으로 원하는 데이터에 자유롭게 접근할 수 있습니다.