서비스 매뉴얼 - 고객센터 | 닷홈

매뉴얼 구 닷홈빌더 오시는 길(다음 지도) 모듈 적용방법

오시는 길(다음 지도) 모듈 적용방법

※닷홈 빌더의 오시는 길이란?

닷홈 빌더 상품에서 지도 API를 연동하여 해당 지도 상의 위치정보를 불러와 보여줄 수 있는 기능입니다. 기업 및 장소 등을 홍보 하실 때 해당 위치를 효율적으로 전달할 수 있습니다. 다수의 지도 API가 존재하며, 현재 메뉴얼에서는 다음 지도 적용법을 설명 드리도록 하겠습니다.

카카오개발자 사이트(developers.kakao.com)에 접속합니다

▲ 위 링크를 클릭하여 접속 하실 수 있습니다.

다음 지도 API 사용을 위해서는 우선 카카오 개발자 그룹에 로그인 해야합니다.

(카카오 개발자 그룹은 카카오 계정으로 로그인 하실 수 있습니다.)

카카오 계정이 없으신 경우, 로그인 화면에서 회원가입을 클릭하여 가입 해 주시기 바랍니다.

회원가입 및 로그인을 하신 후 앱 만들기를 진행 합니다. 앞으로 닷홈 빌더에서 사용할 지도 API를 생성하는 과정이며, Key만 발급 받으면 되므로 아이콘, 이름, 회사명 등은 아무렇게나 기입 하셔도 무관합니다. 다만, 부적절한 이름 및 회사명(비속어 등)은 카카오 측으로부터 이용에 불이익을 받을 수 있습니다.

애플리케이션이 생성된 후 API가 사용될 플랫폼 설정을 위해 좌측 설정 -> 일반 을 클릭합니다.

플랫폼 -> 플랫폼 추가 를 클릭합니다.

닷홈 빌더에서 사용하는 플랫폼 환경은 웹이며 사이트 도메인은 해당 API를 불러와 사용할 닷홈 빌더 주소를 입력해 주시면 됩니다.

플랫폼이 추가 되었다면, 앱 키 의 JavaScript 키 를 복사 합니다.

해당 키 값이 바로 API를 사용하여 지도를 가져올 수 있는 주소가 맞는지 인증할 키 값입니다.

닷홈 빌더 관리자 페이지의 모듈 -> 오시는길 의 Daum APP Key 란에 복사한 키값을 붙여넣기 합니다.

닷홈 빌더에 지도 API를 등록 하신 이후, 오시는 길에 표기될 주소를 지정해 주셔야 합니다.

위도, 경도를 통해 해당 주소의 위치 를 불러 올 수 있으며 방법은 다음과 같습니다.

구글 지도(maps.google.com)에 접속 한 뒤, 오시는 길 에 표시할 주소를 검색합니다.

▲ 위 링크를 클릭하여 접속 하실 수 있습니다.

검색해서 나온 결과 위에 커서를 두고 마우스 우클릭 -> 이곳이 궁금한가요? 를 클릭합니다.

주소 하단의 숫자 를 클릭합니다.

※해당 숫자가 검색하신 주소의 위도 및 경도입니다.

해당 주소 좌표 하단의 숫자를 복사합니다.

닷홈 빌더 관리자 페이지의 모듈 -> 오시는 길 페이지의 MAP(위도, 경도) 항목에 복사한 위도 및 경도 값을 붙여넣기 합니다. 닷홈빌더 관리자 페이지 내에서 설정을 하신 후 맨 아래 저장하기 를 눌러주셔야 변경된 사항이 적용됩니다.

오시는길 페이지에 삽입한 지도가 정상적으로 동작하는지 확인합니다.

이전으로 목록으로