지도 사용법 (카카오 지도)

카카오 지도 사용법

 

• 닷홈
  https://www.dothome.co.kr/

닷홈 | 호스팅은 닷홈

• 파일질라
  https://filezilla-project.org/

FileZilla - The free FTP solution

• 사용 준비 과정
  1. 구글에 "카카오 지도 api" 검색 후 사이트 접속
  2. 사이트 접속 후 버튼이 보이는데 Web이라는 버튼 클릭
  3. 사이트가 이동되면 시작하기 버튼 눌러주기
  4. 사이트가 이동되면 카카오 개발자사이트 버튼 클릭
  5. 새로운 사이트가 뜨는데 그 사이트에서 로그인 버튼 눌러서 로그인해주기 (자신의 카카오톡 아이디 사용)
  6. 로그인 이후 메인 페이지로 이동되었다면 오른쪽 상단 메뉴들 중에 "내 애플리케이션" 버튼 눌러주기
  7. 애플리케이션 추가하기 버튼 눌러주기
  8. 팝업창이 뜨면 앱 이름 / 사업자 명에 원하는 이름 넣어주고 저장
  9. 새로 추가해준 애플리케이션 클릭
  10. 새로운 페이지로 이동하면 중앙에 플랫폼 부분 - 플랫폼 설정하기 버튼 눌러주기
  11. web 플랫폼 등록 버튼 눌러주기
  12. 팝업창이 뜨면 자신의 도메인 주소 넣어주기 (https:// 반드시 넣어주기)
  13. 등록이 모두 완료되었다면 왼쪽 사이트 메뉴 중 앱 키 버튼 눌러주기
  14. 4번 과정을 진행할 때 사이트 (카카오 지도 api 사이트)로 와서 중간에 !DOCTYPE html 부분 코드 전부 복사해서 자신의 html 파일에 붙여 넣기
  15. 13번 사이트에서 JavaScript 부분 키 복사해서 자신의 html 파일 <div id="map"> 밑에 script 부분에 '발급받은 APP KEY를 넣으시면 됩니다.' 위 구문이 적혀 있는 부분을 전부 지워준 다음 복사한 키 붙여 넣기
  16. 완료되면 파일질라 서버에 업로드해서 자신의 도메인 주소로 들어가서 지도가 제대로 나오는지 확인
  
  cf) 원하는 장소를 지도에 띄우고 싶은 경우
      1. 네이버 지도 접속
      2. 원하는 장소 도로명 주소 찾아주기
      3. 찾아준 도로명 주소를 구글 지도 사이트 검색창에 입력 후 원하는 지점을 마우스 우클릭
      4. 우클릭 시 제일 위에 숫자 값(위도 경도) 복사해서 자신의 html 파일 위도 경도가 적혀 있는 부분에 붙여 넣기 해주면 지도에서 원하는 지점 선택 가능

카카오 지도 api

시작하기 버튼

카카오 개발자사이트 버튼 클릭

"내 애플리케이션" 버튼 눌러주기

애플리케이션 추가

web 플랫폼 등록

전체 코드 복사

발급받은 APP KEY