> 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-1.md).

# 카카오 MAP 연결 방법이 궁금해요

<mark style="color:blue;">카카오 MAP을 연결하는 방법이에요.</mark>

***

{% stepper %}
{% step %}
카카오 지도를 사용하기 위해서는 먼저 [**카카오 디벨로퍼 \[클릭!\]**](https://apis.map.kakao.com/) 로 이동해 주세요.

<figure><img src="/files/5vgEYDCErHi0C3pDTROD" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
MAP API 발급이 필요해요.\
카카오 디벨로퍼에 로그인 후(or 신규가입), 위 사이트 우측 상단의 \[APP KEY 발급] 버튼을 클릭해주세요.

<figure><img src="/files/AzEhsT65RCvIrKDx8bnx" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
화면 중앙 \[애플리케이션 추가하기] 버튼을 클릭해 주세요.
\
해당 화면에서 신규 애플리케이션을 등록해 주셔야 해요.&#x20;

<figure><img src="/files/IxmIRE9wFzUrwZhaGDnN" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
위 팝업에서 앱 아이콘, 앱 이름, 사업자명, 카테고리를 설정 후 저장해 주세요.

<figure><img src="/files/gHbb4tGr87qcf9ARvM92" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
저장한 애플리케이션이 추가된 것을 확인하실 수 있어요.\
이후 해당 애플리케이션을 클릭해 주세요.

<figure><img src="/files/EuLG3Gz6iq324dUuXIqr" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
첫 화면의 요약정보 내 앱키 -> \[REST API키], \[JAVA Script키]를 복사 후 `주문` > `픽업 서비스` > `픽업서비스 설정` > `오프라인 매장` > `지도 서비스 설정 [카카오 MAP]` 선택 후 API KEY 입력 영역에 등록/검증해 주세요.

<figure><img src="/files/hDoE3VE9iuEJgBYjxHyN" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
플랫폼 등록하기

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

플랫폼 메뉴에서 Web – \[Web플랫폼 등록] 버튼을 클릭하세요.
{% endstep %}

{% step %}

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

위 화면에서 상점 도메인 주소를 입력 후 저장하세요.
{% endstep %}

{% step %}

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

저장이 완료되면 위 화면과 같이 노출되며, 사용할 준비가 완료돼요.&#x20;
{% endstep %}
{% endstepper %}

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

* 카카오 MAPS API 이용한도는 최대 30만 호출(일 기준)이에요.
* MAPS API 관련 상세 내용은 [**카카오 디벨로버 FAQ\[클릭!\]**](https://devtalk.kakao.com/t/faq-api/125610)를 참고하세요. <br>
  {% endhint %}