javascript | 구글 지도 API, Google Maps 무료 API

 

Google Maps 가격 책정 및 요금제 안내

 

구글 지도 Google Maps API가 부분적으로 유료화되고 나서 

매월 $200 요금의 무료 사용량을 제공하긴 하지만

관리하기도 번거롭고, 신경쓰지 않고 편하게 사용하고 싶기 때문에

구글 Maps API 중에서도 무료인 Embed API를 사용해보기로 한다.

 

---

#Step

• Google Maps Platform 프로젝트 생성
• API Key 생성 및 설정
• Maps Embed API 구현

Google Maps Platform 프로젝트 생성
https://developers.google.com/maps/gmp-get-started?hl=ko

Google Maps Platform 시작하기  |  Google Developers

 

 

API Key 생성 및 설정

 

 

 

Maps Embed API, iframe

https://www.google.com/maps/embed/v1/place?key=API_KEY&q=서울시청&region=KR&language=ko

key: API KEY
q: 장소 이름, 주소, 코드 또는 장소 ID
region: 지역코드 KR로 설정하지 않을 경우 동해가 일본해로 표기된다.
language: UI 요소 및지도 타일의 레이블 표시에 사용할 언어

 

<iframe
    height="450"
    style="border:0"
    loading="lazy"
    allowfullscreen
    src="https://www.google.com/maps/embed/v1/place?key=API_KEY&q=서울시청&region=KR&language=ko">
</iframe>

 

 

결과

 

 

 

Parameters

 

 

 

---

 

Google Maps API Document
https://developers.google.com/maps/documentation/embed/embedding-map?hl=ko

Embedding a map  |  Maps Embed API  |  Google Developers

 

Google Maps Pricing & Plans
https://cloud.google.com/maps-platform/pricing/?hl=ko