카카오지도 API 사용하여 지도등록하기 map_daum.html 등록해서 사용하기

안녕하세요 에티테마의 소프트존 입니다.
페이지중에서 map_daum.html 은 카카오API 가 적용되어 있기 때문에 메뉴얼을 준비했습니다.

우선 브라우저의 검색에서 "카카오디벨로퍼" 로 검색하시거나
https://developers.kakao.com/
위의 주소로 이동을 합니다.








1.로그인
우선 로그인을 하시게 되면 내 애플리케이션 이라고 있습니다.
내 애플리케이션을 클릭하여 메뉴로이동합니다.














2. 지도에 사용할 애플리케이션 추가하기를 클릭합니다.












3. 애플리케이션에 사용할 앱 이름과 사업자명을 입력합니다.저는 사업자명에
소프트존이라고 입력하겠습니다. 실제 사업자가 없어도 등록이 가능합니다.











4.위 처럼 입력하고 저장을 클릭합니다.













5.지도서비스가 등록됨
보시는것 처럼 지도서비스가 아주 쉽게 등록됨을 볼 수 있습니다.
우선 지도서비스를 클릭합니다.











6.지도서비스를 클릭하시게 되면 앱설정 부분이 나오는데요. 왼쪽 중간쯤에 플랫폼을 클릭합니다. 그럼 오른쪽 처럼 4개의 앱키가 나옵니다. 아래 플랫폼에서 Web 으로 이동해주세요.















7.  Web 플랫폼 등록을 클릭합니다.











8.여기서 자신이 사용할 도메인을 적는 곳입니다. 도메인은 위의 방법대로 입력해주세요. 총 10개까지 등록이 가능합니다.













9.위 처럼 도메인을 2개 입력했습니다. 그리고 저장 버튼을 클릭합니다.









10. 이제 모두 등록이 완료되었으니 JavaScripot 키를 복사해서 pages/ 폴더에 있는 map_daum.html 소스 코드를 엽니다.










11. 해당코드 아래쪽 248줄에 보시면 밑줄친곳에 앱키를 입력해주세요.
"appkey=JavaScript 앱키" 처럼 입력해주시면 됩니다.
지도서비스가 정상적으로 동작되는것을 확인할 수 있습니다.