[카카오맵 API 키 발급 및 적용하기]
1) 카카오 디벨로퍼 ('https://apis.map.kakao.com/) 사이트 접속
2) 오른쪽 상단에 App key 발급 클릭 후 로그인 (없으면 회원가입하기)
3) 로그인 후 내 애플리케이션 -> 애플리케이션 추가하기 클릭
4) 앱 이름, 사업자명 작성 후 저장
(사업자명이 없는 경우에는 아무렇게나 입력해도 괜찮다!)
5) 플랫폼 -> web 플랫폼 등록
6) 앱 키 -> JavaScript 키 복사하기
7) vs code에 맵 사이즈 입력!
<div id="map" style="width: 100%;;height: 600px;"></div>8) 'https://apis.map.kakao.com/web/sample/'
사이트 접속 후 마음에 드는 지도 선택
9) Java script + HTML 복사 붙여넣기
10) '발급받은 APP KEY를 사용하세요' -> 아까 발급받은 APP key붙여넣기
<script type="text/javascript"
src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 사용하세요"></script>< 끝 >
만약 안되는 경우
아까 앱키 입력한 앞 부분 src="https://dapi.kakao 입력
<script type="text/javascript"
src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 사용하세요"></script>
[배운점]
처음 블로그나 유튜브를 찾아서 할 때 헷갈리거나 모르는 부분이 있었지만 여러가지를 보면서 필요한 부분들을 찾아서 배웠다.
결국 지도를 웹페이지에 삽입하는데 성공해서 기뻤지만, 지도만 삽입한다고 다 되는게 아니라 거기서부터 또 시작인거같다,,
내가 만들고 싶은 페이지로 만들기 위해서 여러가지 지도 sample들을 보면서
내가 필요한 부분, 내가 사용하고 싶은 기능들을 어떻게 입력하면 되는지 공부해서 여러가지 넣어보면서 만들고 있는 중이다.
