[Web] 카카오맵(Kakao 지도) API 초간단 사용방법

시작하기 전에

• 카카오맵(Kakao 지도) Javascript API는 키 발급을 받아야 사용할 수 있습니다.
• 그리고 키를 발급 받기 위해서는 카카오 계정이 필요합니다.

키 발급 및 적용 과정

• 카카오 개발자사이트 (https://developers.kakao.com/) 접속

• 회원가입 및 로그인

• 카테고리 "내 애플리케이션" 클릭

  

• 애플리케이션 추가하기 클릭

  • 앱 이름 및 사업자명 기재

    

• 추가 된 App 클릭

  

• 앱 설정 > 플랫폼 > Web 플랫폼 등록 > 사이트 도메인 등록 (예:http://localhost:8080)

  

  

• 앱 설정 > 요약 정보 및 앱 키 > [JavaScript 키] 를 지도 API의 appkey로 사용

  • Javascript 예

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

• 웹 실행