웹 공부

[OpenApi] 주소를 활용하여 위도, 경도값을 구하기 - kakaoApi 활용

HA젠옹 2024. 3. 20. 09:13
반응형

시작하기

1. 카카오 개발자 사이트 접속 후 로그인을 해줍니다.

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

2. 새 애플리케이션을 생성한 뒤 기본입력 사항인 애플리케이션 이름, 사업자 명, 카테고리를 입력해줍니다.

3. 대시보드에서 API키를 확인 후 상황에 맞춰 사용해주면 됩니다.

이번 내용에서 다룰 API는 REST API 키를 활용하여 진행됩니다.

 

해당 API 사용에 관련하여 다양한 방식으로 사용할 수 있으며, 해당 글에서 사용할 방식은 jQuery 방식으로 진행이 됩니다.

 

소스코드

<script>
    $(document).ready(function() {
        function getLatLng(address) {
            var api_key = "REST_API_KEY"; // Replace with your actual API key
            var url = "https://dapi.kakao.com/v2/local/search/address.json";
            
            $.ajax({
                url: url,
                method: "GET",
                headers: {
                    'Authorization': 'KakaoAK ' + api_key
                },
                data: {
                    query: address
                },
                success: function(data) {
                    if (data.documents && data.documents.length > 0) {
                        var lat = data.documents[0].y;
                        var lng = data.documents[0].x;
                        console.log("Latitude: " + lat + ", Longitude: " + lng);
                        // Utilize the latitude and longitude as needed
                    } else {
                        console.log("No results found.");
                    }
                },
                error: function(xhr, status, error) {
                    console.log("Error: " + error);
                }
            });
        }

        // Example usage
        getLatLng('주소값을 넣어줍니다.');
    });
</script>

 

코드 설명

  • API KEY : REST_API_KEY 카카오 개발자에서 전달 받은 REST_API 키를 넣어주시면 됩니다.
  • URL : 카카오 OpenAPI
  • getLatLng : 해당 API를 사용을 편하게 하기 위해 함수화를 시켰으며, 해당 주소 값을 받아 실행시켜줍니다.

 

사용 예

getLatLng('위도, 경도값을 가져올 주소명');
반응형