전체상품목록 바로가기

본문 바로가기

현재 위치
  1. 게시판
  2. 운영매뉴얼

운영매뉴얼

운영매뉴얼입니다.

게시판 상세
제목 카카오 지도 API 키 발급받는 방법
작성자 수인디자인 (ip:)
  • 평점 0점  
  • 작성일 2019-06-06
  • 추천 추천하기
  • 조회수 16

Daum 지도 Javscript API 는 키 발급을 받아야 사용할 수 있습니다.

그리고 키를 발급받기 위해서는 카카오 계정이 필요합니다.


키 발급에는 아래 과정이 필요합니다.


1. 카카오 개발자사이트 (https://developers.kakao.com) 접속



우측 상단 로그인을 눌러 로그인하시거나 회원가입 후 로그인을 합니다.

로그인이 완료되면 아래와 같은 페이지로 이동됩니다.

 

앱 만들기 버튼을 클릭합니다.


앱 만들기 페이지로 이동이 되면,

이름을 입력한 후 '앱만들기' 버튼을 클릭합니다.



앱 아이콘 확인 창이 나오면  '계속 진행' 을 클릭합니다.


완료가 되면  API키가 발급이 됩니다. 공유해주셔야 하는 키는 JavaScript 키 입니다.





키 발급 후 좌측 메뉴에서 설정의 하위 메뉴인 일반을 클릭합니다


일반 페이지가 나오면 '플랫폼 추가' 버튼을 클릭합니다.

[웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080)


팝업이 표출되면,

해당 지도가 표출되어야 하는 사이트의 주소를 입력하시고 '추가' 버튼을 클릭합니다.

플랫폼을 추가 하지 않으시면 지도 표출이 되지 않습니다.


추가를 하시면 자동으로 저장이 되며, 사이트 도메인 주소는 복수로 등록이 가능합니다.

 

플랫폼 까지 추가가 완료되면, JavaScript 키를 저희 쪽으로 전달해 주시거나 스킨의 전달해 주시면 됩니다.

직접 수정을 원하시면

/layout/basic/layout.html에서

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=dfsfsdfsdfsfsdfsdfsdfsdfs&libraries=services"></script>

부분에서 빨간색 부분을 발급받은 javascript키로 대체해 주세요.

그런 후 /roma/js/setting.js 파일을 여신 후

/*******************************************************************************************

## 카카오맵 설정 ##

***********************************************************************/

window._kakaoMap_address = "보여줄 주소";

window._kakaoMap_title = "주소명"; //모바일에서는 가급적 (,)사용을 자제해주세요..길찾기가 잘 안됩니다요~

을 수정해주세요.

끝~


첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소