카카오맵 api 사용법

1. 카카오 개발자사이트 (https://developers.kakao.com) 접속
2. 개발자 등록 및 앱 생성
3. 웹 플랫폼 추가: 앱 선택 – [플랫폼] – [Web 플랫폼 등록] – 사이트 도메인 등록
4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080)
5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다.
6. 앱을 실행합니다.

 

자세한 내용은 아래의 링크에서 참고하기

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

 

(내가 겪은 문제)

되도록이면 여기서 제공하는 코드양식 그대로 사용하기.

<section>
  <div class=wrap>
      <div> 솰롸살라솰라 </div>
      
      <div> 카카오 지도 </div>
      
      div> 솰롸살라솰라 </div>
      <div> 솰롸살라솰라 </div>
  </div>
 </section>

대강 이렇게 이중 삼중으로 감싸져있는 div에 지도를 넣으니까 되지 않았다.

(지도를 .wrap 밖으로 빼니까 되긴 하던데 왜 되는지 모르겠음.)

 

 

지도 좌표 구하는법

1. 구글지도 들어가서 주소 검색
2. 지도에 가서 오른쪽 클릭. 그러면 좌표가 뜬다.

 

https://www.google.co.kr/maps/@35.9709563,127.7638776,11.75z?hl=ko 

Google 지도