개발/HTML
[HTML] 홈페이지에 다음 지도 API를 사용해서 맵 삽입하는 방법...
sungho88
2018. 5. 1. 14:05
1. 다음 지도 API를 검색한다
2. Daum 지도 API 사이트에 들어간다.
3. 웹사이트에 삽입할 것이므로 Web 선택한다.
1일 300,000회까지 사용이 가능하다고 한다. 시작하기 고고~
Daum 지도 Javscript API 는 키 발급을 받아야만 사용할 수 있다.
그리고 키를 발급받기 위해서는 카카오 계정이 필요하다.
아 맞다.. 다음이 아니라 카카오였지..
키 발급에는 아래 과정이 필요하다. 지도 하나 주는데 까다롭다...
1. 카카오 개발자사이트 (https://developers.kakao.com) 접속한다.
2. 개발자 등록 및 앱 생성한다.
3. 웹 플랫폼 추가: 앱 선택 – [설정] – [일반] – [플랫폼 추가] – 웹 선택 후 추가한다.
4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080)
5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다.
6. 앱을 실행한다.
도메인이 아직 없는데 뭔 도메인을 입력하라는건지 모르겠다. 필수 입력이라는데... 그냥 원하는 도메인을 입력했다.
안된다..
등록된 사이트 도메인에서만 지도API를 사용할 수 있기 때문에 반드시 등록해주세요.
도메인을 만든 뒤 하자. 아니면 서버를 열어서 하자
작성 끝.