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

# 구글 MAP 연결 방법이 궁금해요

<mark style="color:blue;">구글 MAP을 연결하는 방법을 안내해 드릴게요.</mark>

***

{% stepper %}
{% step %}
구글 지도를 사용하기 위해서는 먼저 [**구글 클라우드 플랫폼 \[클릭!\]**](https://developers.google.com/maps/gmp-get-started?hl=ko#api-key) 으로 이동해 주세요.

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

{% step %}
구글 클라우드 플랫폼에 로그인 후, 위 사이트의 \[시작하기] 버튼을 클릭해 주세요.
\
(계정이 없는 경우 신규 가입 후 진행해 주세요. (정보입력 및 결제정보 등록))

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

{% step %}
로그인 및 계정생성 완료 후 위 \[My Maps Project] 버튼을 통해 신규 프로젝트를 생성해 주셔야 해요.

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

{% step %}
위 팝업에서 프로젝트 이름 생성 후 만들기 버튼을 통해 신규 프로젝트를 만들어 주세요.

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

{% step %}
프로젝트가 생성되면 생성된 프로젝트 선택 후 왼쪽 메뉴 버튼 -> \[Google Maps Platform] 버튼을 클릭해 주세요.

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

{% step %}
위와 같은 메시지 창이 나타나며 API 키 복사 후 \[Google Maps Platform으로 이동] 버튼을 클릭해 주세요.

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

{% step %}
API 키 보호 키를 입력해 주세요.

* &#x20;Select restriction type -> HTTP 리퍼러(웹사이트) 선택
* 리퍼러 -> 상점 도메인 입력 후 \[키 제한] 버튼 클릭

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

{% step %}
생성된 API 키 확인은 왼쪽 메뉴 -> 사용자 인증정보 클릭 시 생성된 프로젝트와 API키 정보를 확인하실 수 있어요.&#x20;
{% endstep %}

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

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

* 구글 MAPS API는 매월 28,500개의 맵 로드를 무료로 제공해요.
* 무료 기준 초과 시 요금이 부과될 수 있으니 [**구글 요금안내 페이지 \[클릭!\]**](https://developers.google.com/maps/billing-and-pricing/billing?_gl=1*1cfm4av*_up*MQ..*_ga*OTg4NDkyMzQxLjE3MTYxODA3NTE.*_ga_NRWSTWS78N*MTcxNjE4MDc1MC4xLjAuMTcxNjE4MDc1MC4wLjAuMA..)를 참고 후 사용해 주세요.
  {% endhint %}