[Spring] 카카오 지도 / Kakao Map Api 사용하기

📍 카카오 지도 API 사용 방법

웹 서비스나 블로그에서 지도를 표시해야 할 때, 사용할 수 있는 카카오 지도 API를 처음 사용하는 분들도 이해할 수 있도록 기본 사용 방법을 정리해보겠습니다.

 

🔑 카카오 맵 API KEY 발급 하기

아래의 사이트에 접속해서 카카오 맵 api key를 발급 받아줘야합니다.

https://apis.map.kakao.com/

하단에 표기한 [API KEY 발급] 부분 클릭

로그인 후, [앱 생성] 클릭

개인적인 공부 목적의 경우, 앱 이름: 프로젝트명 / 회사명: 본인 이름 또는 닉네임을 사용하시는 걸 추천드립니다. 

앱 생성 완료 후, 앱을 클릭하여서 설정 페이지에 들어가줍니다. 

앱 > 플랫폼 키 > 사용할 키 수정 선택 (저는 JavaScript 키를 선택하였습니다.)

SDK 도메인을 localhost로 설정하여서 저장 후, api Key 를 받아줍니다. 

 

🔍 카카오 맵 API KEY 적용 하기

이제 코드에 카카오 맵을 적용해줍니다

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 api key&libraries=services"></script>

지도 띄우는 부분과 마커 부분도 따로 생성하여서 재부팅하면 아래처럼 정상적으로 화면에 지도가 출력됩니다 !