카카오 지도 세팅하기

카카오 지도는 연동하기에 앞서 필요한 절차가 있어요. 천천히 따라해 보세요.

1. 앱 만들기

1) 카카오 디벨로퍼스arrow-up-right에 접속한 뒤, 로그인 버튼을 클릭하여 카카오 계정으로 로그인해 주세요.

2) 상단 메뉴의 버튼을 클릭해 주세요.

3) 앱 생성 버튼을 클릭해 주세요.

4) 앱 이름, 회사명, 카테고리를 모두 작성하고, 하단 체크박스를 체크한 후 저장 버튼을 클릭해 주세요.

2. 앱 설정

1) 생성된 앱을 클릭해 주세요.

2) 제품 링크 관리 > 웹 도메인 등록 순서대로 클릭해 주세요.

사이트 도메인

① creatorlink.net 도메인을 'http://'로 입력해 주세요.

  • http://creatorlink.net

② 무료 creatorlink 주소는 'http://'와 'https://'를 모두 입력해 주세요.

  • http://example.creatorlink.net

  • https://example.creatorlink.net

③ 연결된 도메인 주소가 있는 경우, 'http://'와 'https://'까지 모두 입력해 주세요.

  • http://example.com

  • https://example.com

thumbtack-angle

예시 1)

내 도메인 주소가 무료 creatorlink.net 주소인, abc.creatorlink.net 인 경우 아래와 같이 입력

http://creatorlink.net

http://abc.creatorlink.net

https://abc.creatorlink.net

예시 2)

내 도메인 주소가 연결된 외부 도메인 주소인, abc.com 인 경우 아래와 같이 입력

http://creatorlink.net

http://abc.creatorlink.net

https://abc.creatorlink.net

http://abc.com

https://abc.com

도메인을 입력한 뒤 저장 버튼을 클릭해 주세요.

3. 앱 키 적용하기

1) 카카오맵 메뉴로 이동한 뒤 사용 설정에서 스위치를 클릭하여, 상태를 ON으로 만들어 주세요.

2) 앱 >플랫폼 키 메뉴로 이동한 뒤 JavaScript 키 > Default JS Key를 클릭해 주세요

3) JavaScript 키 수정에서 JavaScript SDK 도메인을 등록해 주세요.

사이트 도메인

① creatorlink.net 도메인을 'http://'로 입력해 주세요.

  • http://creatorlink.net

② 무료 creatorlink 주소는 'http://'와 'https://'를 모두 입력해 주세요.

  • http://example.creatorlink.net

  • https://example.creatorlink.net

③ 연결된 도메인 주소가 있는 경우, 'http://'와 'https://'까지 모두 입력해 주세요.

  • http://example.com

  • https://example.com

도메인을 입력한 뒤 저장 버튼을 클릭해 주세요.

4) 플랫폼 키 메뉴로 이동한 뒤 JavaScript 키 아래 복사 아이콘을 클릭해 주세요.

5) 크리에이터링크 관리자 페이지의 상세설정 > 카카오 앱 > 카카오링크 설정 항목에서 복사한 JavaScript 키를 붙여넣은 뒤 체크 버튼을 클릭해 주세요.

circle-info

갤러리/게시판 블럭에서 카카오링크로 공유를 원하는 경우, 카카오링크 사용을 활성화해 주세요.

카카오 지도는 지도 블럭에서 활성화되어 이용이 가능합니다.

Last updated

Was this helpful?