> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/partner/navermap.md).

# 네이버 지도

네이버 지도 블록을 사용하여 사용자에게 위치 정보를 알려줄 수 있습니다.

네이버 지도는 월 1,000만 건 무료로 제공이 되고 있습니다. 사이트에 지도가 표시 될 경우 1건이 차감이 되며, 새로고침 시에도 1건이 차감이 됩니다. 즉, 지도가 적용이 된 페이지를 월 1,000만번 볼 수 있는 것이며, 한도 초과 시 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 건당 0.1원 이용 요금이 발생하게 됩니다.

{% hint style="info" %}
네이버 지도 API의 이용량 정책 및 상세요금은 아래 링크를 참고 부탁드립니다.

**\[**[**Maps API 무료 이용량 정책**](https://www.ncloud.com/support/faq/prod/2828)**] \[**[**Maps API 상세 요금 안내**](https://www.ncloud.com/product/applicationService/maps?region=KR#pricing)**]**
{% endhint %}

네이버 지도 사용을 위해서는 네이버 클라우드 플랫폼 가입 및 네이버 지도 API설정을 해주셔야합니다.

클라우드 플랫폼 가입 후 지도 블록 연동 과정은 아래 가이드를 참고 부탁드립니다.

{% hint style="info" %}
큐샵 도메인( \_\_\_.qshop.ai)만 사용할 경우 **\[5. 네이버 지도 블록 추가하기]** 과정만 진행을 해주시면 됩니다.
{% endhint %}

<details>

<summary><strong>1. 네이버 클라우드 플랫폼 가입하기</strong></summary>

1. [**네이버 클라우드 플랫폼**](https://www.ncloud.com/)에 접속합니다.
2. 오른쪽 위 회원 가입 버튼을 클릭합니다.

   <figure><img src="/files/6w2aNpLqtCVId4jECZIj" alt=""><figcaption></figcaption></figure>
3. 계정으로 사용 할 이메일 주소를 입력합니다.
4. 가입 유형 항목의 거주 국가, 회원 유형, 사용 언어를 선택합니다.\
   💡거주 국가 선택에 따라 결제 통화가 결정되며, 이후 변경이 불가능합니다.

   <figure><img src="/files/c9VzCX5s4IUhb2BKHSbi" alt=""><figcaption></figcaption></figure>
5. 약관 동의를 진행합니다.
6. 로그인에 사용 할 아이디와 비밀번호를 입력합니다.\
   💡이 과정에서 이메일 인증을 거치게 되며, 인증 후 다음 버튼을 클릭합니다.

   <figure><img src="/files/0frKIU7c2l8SLCYnSbIi" alt=""><figcaption></figcaption></figure>
7. 계정 소유자 정보의 이름, 휴대 전화번호, 주소를 입력합니다.\
   💡위 과정에서 회원유형을 “사업자 회원”으로 선택했을 경우 입력하는 소유자 정보가 달라질 수 있습니다.

   <figure><img src="/files/h8FBFInkGAw4Sdbt5wKC" alt=""><figcaption></figcaption></figure>
8. 회원 가입이 완료 되었습니다.\
   이제 **\[2. 결제수단 등록하기]** 과정을 진행해주시면 됩니다.

   <figure><img src="/files/h6fa5cQVCNkrpe1CrZww" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>2. 결제수단 등록하기</strong></summary>

1. 회원 가입 완료 페이지의 **\[결제 수단 등록]** 버튼을 클릭합니다.

   <figure><img src="/files/GEMZft0KJB2h39PzQalE" alt=""><figcaption></figcaption></figure>

   💡만약 페이지를 벗어났다면, 클라우드 플랫폼 오른쪽 위 **\[결제수단등록]**&#xBC84;튼을 통해 진행이 가능합니다.

   <figure><img src="/files/BRfjMl6TOwookgKyfPXd" alt=""><figcaption></figcaption></figure>
2. 결제 수단을 선택합니다.

   💡결제수단은 신용카드 및 체크카드만 선택이 가능합니다.
3. 휴대폰 인증하기 버튼을 클릭하여 약관 동의 및 인증 과정을 진행합니다.
4. 인증이 완료 된 후 **카드번호**와 **유효기간**을 입력하여, 결제 수단을 등록합니다.\
   💡등록 과정에서는 과금이 발생하지 않습니다.
5. 결제수단 등록이 완료됩니다.

</details>

<details>

<summary><strong>3. Application 만들기</strong></summary>

1. 클라우드 플랫폼 오른쪽 위 **\[콘솔]**&#xBC84;튼을 클릭합니다.

<figure><img src="/files/8OrRZy3NuWsFCszpwPaw" alt=""><figcaption></figcaption></figure>

2. 왼쪽 메뉴의 **\[Services > Application Services > Maps]**&#xB97C; 클릭합니다

<figure><img src="/files/B3Fo5lhNkfSnfrpbYqzj" alt=""><figcaption></figcaption></figure>

3. Maps 페이지로 이동한 후 아래 **\[+ 이용 신청]** 버튼을 클릭하여, 약관 동의를 진행합니다.\
   만약 이용 신청이 된 상태라면, 다음 과정으로 넘어갑니다.

<figure><img src="/files/M4qyQixCDXQD4dqaW4ex" alt=""><figcaption></figcaption></figure>

4.이용 신청 및 약관 동의를 진행한 후 **\[+ Application 등록]** 버튼을 클릭합니다.

<figure><img src="/files/Y1PfjRNJcheUIZVf4YB2" alt=""><figcaption></figcaption></figure>

5. **Application 이름**을 입력합니다.

{% hint style="info" %}
영문자, 숫자, 특수문자(-)만 입력할 수 있으며, 영문자로 시작해야 합니다.
{% endhint %}

6. API 선택 항목 중  **Dynamic Map** 과 **Geocoding** 두 가지를 선택합니다.

<figure><img src="/files/9hp9DphCfi2WwlQEyvxd" alt=""><figcaption></figcaption></figure>

7. 서비스 환경 등록 항목에, 아래 내용을 참고하여 네이버 지도를 표시할 모든 도메인 주소를 추가합니다.

<figure><img src="/files/S6XGQT9HJ8nwhrhA78lY" alt=""><figcaption></figcaption></figure>

* Web 서비스 URL 입력 칸에 <http://qshop.ai> 를 입력하고, **\[＋ 추가]** 버튼을 클릭합니다.
* Web 서비스 URL 입력 칸에 사용하시는 커스텀 도메인을 예시와 같은 형태로 입력하고, **\[＋ 추가]**&#xBC84;튼을 클릭합니다. (예 - <http://mydomain.com>)

{% hint style="info" %}
한글도메인을 사용하시는 경우, 아래 링크를 통해 퓨니코드로 변환하여 등록을 합니다.\
\[[한글도메인 퓨니코드 변환하기](https://www.inplaza.com/puny/index.php)]
{% endhint %}

8. 입력한 정보를 확인하신 후 **\[등록]**&#xBC84;튼을 클릭하여 Application 생성을 마무리 합니다.

</details>

<details>

<summary><strong>4. Application key 적용하기</strong></summary>

1. \[**3.** **Application 만들기]**&#xACFC;정에서 등록한 Application의 **\[인증 정보]** 버튼을 클릭합니다.

<figure><img src="/files/JGjHzi4xtMd4xiSfwyU7" alt=""><figcaption></figcaption></figure>

2. Application key 항목의 **Client ID** 와 **Client Secret** 값을 복사합니다.

<figure><img src="/files/MK75u5lsCzpp8GTNPFFT" alt=""><figcaption></figcaption></figure>

3. 4-3. 사이트 **\[관리자 페이지 > 성장센터 > 네이버]** 페이지의 **네이버 지도** 탭으로 이동합니다.
4. 사용함 체크를 한 후 \[2번 과정]에서 복사한 **Client ID 와 Client Secret** 값을 붙여넣고 오른쪽 위 저장 버튼을 클릭합니다.

<figure><img src="/files/ozC2CR6MM8fCLUESdnWl" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>5. 네이버 지도 블록 추가하기</strong></summary>

1. 에디터에 들어갑니다.
2. 왼쪽 추가 패널을 통해 네이버 지도 블록을 추가합니다.
3. \[[네이버 지도 블록](/customer_support/guide/design/editor/contents/advanced/navermap.md)] 가이드를 참고하여 지도 등록 및 설정을 합니다.

</details>