💡 큐샵 가이드🫂 성장센터네이버 지도 네이버 지도 설정 방법에 대해 알아봅니다.
네이버 지도 블록을 사용하여 사용자에게 위치 정보를 알려줄 수 있습니다.
네이버 지도는 월 1,000만 건 무료로 제공이 되고 있습니다. 사이트에 지도가 표시 될 경우 1건이 차감이 되며, 새로고침 시에도 1건이 차감이 됩니다. 즉, 지도가 적용이 된 페이지를 월 1,000만번 볼 수 있는 것이며, 한도 초과 시 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 건당 0.1원 이용 요금이 발생하게 됩니다.
네이버 지도 사용을 위해서는 네이버 클라우드 플랫폼 가입 및 네이버 지도 API설정을 해주셔야합니다.
클라우드 플랫폼 가입 후 지도 블록 연동 과정은 아래 가이드를 참고 부탁드립니다.
1. 네이버 클라우드 플랫폼 가입하기 가입 유형 항목의 거주 국가, 회원 유형, 사용 언어를 선택합니다.
💡거주 국가 선택에 따라 결제 통화가 결정되며, 이후 변경이 불가능합니다.
로그인에 사용 할 아이디와 비밀번호를 입력합니다.
💡이 과정에서 이메일 인증을 거치게 되며, 인증 후 다음 버튼을 클릭합니다.
계정 소유자 정보의 이름, 휴대 전화번호, 주소를 입력합니다.
💡위 과정에서 회원유형을 “사업자 회원”으로 선택했을 경우 입력하는 소유자 정보가 달라질 수 있습니다.
회원 가입이 완료 되었습니다.
이제 [2. 결제수단 등록하기] 과정을 진행해주시면 됩니다.
2. 결제수단 등록하기 회원 가입 완료 페이지의 [결제 수단 등록] 버튼을 클릭합니다.
💡만약 페이지를 벗어났다면, 클라우드 플랫폼 오른쪽 위 [결제수단등록] 버튼을 통해 진행이 가능합니다.
결제 수단을 선택합니다.
💡결제수단은 신용카드 및 체크카드만 선택이 가능합니다.
휴대폰 인증하기 버튼을 클릭하여 약관 동의 및 인증 과정을 진행합니다.
인증이 완료 된 후 카드번호 와 유효기간 을 입력하여, 결제 수단을 등록합니다.
💡등록 과정에서는 과금이 발생하지 않습니다.
3. Application 만들기 클라우드 플랫폼 오른쪽 위 [콘솔] 버튼을 클릭합니다.
왼쪽 메뉴의 [Services > Application Services > Maps] 를 클릭합니다
Maps 페이지로 이동한 후 아래 [+ 이용 신청] 버튼을 클릭하여, 약관 동의를 진행합니다.
만약 이용 신청이 된 상태라면, 다음 과정으로 넘어갑니다.
4.이용 신청 및 약관 동의를 진행한 후 [+ Application 등록] 버튼을 클릭합니다.
API 선택 항목 중 Dynamic Map 과 Geocoding 두 가지를 선택합니다.
서비스 환경 등록 항목에, 아래 내용을 참고하여 네이버 지도를 표시할 모든 도메인 주소를 추가합니다.
Web 서비스 URL 입력 칸에 http://qshop.ai 를 입력하고, [+ 추가] 버튼을 클릭합니다.
Web 서비스 URL 입력 칸에 사용하시는 커스텀 도메인을 예시와 같은 형태로 입력하고, [+ 추가] 버튼을 클릭합니다. (예 - http://mydomain.com)
입력한 정보를 확인하신 후 [등록] 버튼을 클릭하여 Application 생성을 마무리 합니다.
4. Application key 적용하기 [3. Application 만들기] 과정에서 등록한 Application의 [인증 정보] 버튼을 클릭합니다.
Application key 항목의 Client ID 와 Client Secret 값을 복사합니다.
4-3. 사이트 [관리자 페이지 > 성장센터 > 네이버] 페이지의 네이버 지도 탭으로 이동합니다.
사용함 체크를 한 후 [2번 과정]에서 복사한 Client ID 와 Client Secret 값을 붙여넣고 오른쪽 위 저장 버튼을 클릭합니다.
5. 네이버 지도 블록 추가하기 왼쪽 추가 패널을 통해 네이버 지도 블록을 추가합니다.
Last updated 2 months ago