> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/faq/set/undefined/map.md).

# 네이버 MAP 연결 방법이 궁금해요

<mark style="color:blue;">네이버 MAP을 내 쇼핑몰에 연결하는 방법을 알려드릴게요.</mark>

***

{% stepper %}
{% step %}
네이버 지도를 사용하기 위해서는 먼저 [**네이버 클라우드 플랫폼 \[클릭!\]** ](https://www.ncloud.com/product/applicationService/maps)으로 이동해주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F12NChzoLl4bb3pDRZpDa%2F%EB%84%A4%EC%9D%B4%EB%B2%84%20map%20%EC%97%B0%EA%B2%B0%20(1).png?alt=media&amp;token=a4089150-ba5f-4b89-bf31-5712a54bfbc1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
네이버 클라우드 플랫폼에 로그인 후(or 신규가입), 위 사이트의 \[이용 신청하기] 버튼을 클릭해주세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FqQ7Xs1fkaWCrpvBT57Y5%2F%EB%84%A4%EC%9D%B4%EB%B2%84%20map%20%EC%97%B0%EA%B2%B0%20(2).png?alt=media&amp;token=ed1d0aad-d15d-44de-9ea3-15c108ada1cc" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
왼쪽 \[Application] 메뉴를 클릭해 주세요.
\
해당 화면에서 신규 Application 등록을 해주셔야 해요.

* Application 이름 등록
* Service 선택 -> MAPs – Web Dynamic Map, Geocoding 체크
* 서비스 환경등록 -> Web 서비스 URL 등록 (상점 URL을 입력해 주세요.)

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F0k17UpTVskUmqlrqsQZx%2F%EB%84%A4%EC%9D%B4%EB%B2%84%20map%20%EC%97%B0%EA%B2%B0%20(3).png?alt=media&amp;token=ff649b6e-96e5-48a3-972e-e99bf12457a1" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
등록 완료 시, 위 화면처럼 등록된 어플리케이션 리스트가 노출돼요.
\
App 이름 항목 내 \[인증정보] 버튼을 클릭하세요.&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FpcAecxLybGOuZOUw55H2%2F%EB%84%A4%EC%9D%B4%EB%B2%84%20map%20%EC%97%B0%EA%B2%B0%20(4).png?alt=media&amp;token=99241f7a-8e51-42ac-a4af-5aab83336abc" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Application key 정보 영역 내 앱키 -> \[Client ID], \[Client Secret] 키를 복사하세요.&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FcKmZSN4wuqMK2e37voPV%2F%EB%84%A4%EC%9D%B4%EB%B2%84%20map%20%EC%97%B0%EA%B2%B0%20(5).png?alt=media&amp;token=962e7581-0433-41d2-ba79-fcd937c5099d" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
`주문` > `픽업 서비스` > `픽업서비스 설정` > `오프라인 매장` > `지도 서비스 설정 [네이버 MAP]` 선택 후 API KEY 입력 영역에 등록/검증해 주세요.
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
참고

* 오류 발생 시 [**네이버 클라우드 플랫폼 유의사항 \[클릭!\]**](https://www.ncloud.com/support/faq/all?searchKeyword=map\&page=2) 을 참고해 주세요.
* 네이버 MAPS API 이용한도는 Web Dynamic Map 기준 월간 최대 100,000,000건(Client ID기준) 이에요.
* 무료 기준 초과 시 요금이 부과될 수 있으니 [**네이버 요금안내 페이지 \[클릭!\]**](https://www.ncloud.com/product/applicationService/maps)를 참고 후 사용해 주세요.
* MAPS API 최대 이용한도 상향이 필요한 경우 [**네이버 고객지원 \[클릭!\]**](https://www.ncloud.com/support/question/service)으로 문의해주시기 바랍니다.
  {% endhint %}