[Day25] 2022-03-03(목) Web Application 6 - Map - 이진만 강사님

[1] Kakao Map 표시

  1. Kakao Maps API 접속

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

  2. 우측 상단에 'APP KEY 발급' 클릭

  3. 어플리케이션 추가하기

  4. 어플리케이션 들어가서, 앱 키 중, JavaScript 키 별도로 복사해 놓기

  5. 플랫폼 눌러서 웹플랫폼 등록 -> 사이트 도메인 등록

  6. 다시 Kakao Maps API 접속하여 가운데 WEB 클릭

  7. 왼쪽 메뉴에서 Sample 클릭 한 후, 지도 생성하기 클릭

  8. 별도 복사해 놓았던 앱 키(Javascript키)를 script src의 appkey= 옆에 붙여넣기

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 사용하세요"></script>
<!-- 발급받은 APP KEY를 사용하세요 를 지우고 54987fa6f7730bfc96372690280b6afe 붙여넣기-->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=54987fa6f7730bfc96372690280b6afe"></script>

  9. 그 외 여러가지 기능을 추가

   -> Sample 에서 필요한 기능 찾아서 script 부분에 추가 및 수정하여 사용