📚 이론정리/React & Next.js

✏️ Google map api 지도 설정하기

서카츄 2024. 9. 14. 13:29

 

 

구글맵 api를 사용하게 되면서 어떻게 사용하는지 세팅을 먼저 기록하면서 적어보려고 한다.

 

 

 

 

 

 

 

Google Maps Platform - Location and Mapping Solutions

 

mapsplatform.google.com

 

링크로 들어가면 위에 첨부했던 이미지가 나오는데, 오른쪽 상단에 get started 버튼을 클릭해준다.

 

 

 

 

 

 

새로운 이름을 입력해주고, 다음을 클릭해준다.

 

 

 

 

 

 

 

 

간단하게 세팅하고 나면 `api 및 서비스`를 클릭해주고 api키를 발급받아주면 된다.

 

 

 

 

 

 

 

 

 

번외로 솔루션 라이브러리를 들어가면 라이브러리 리스트들을 확인해 볼 수 있다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

 

 

공식문서 Docs

 

개요  |  Maps JavaScript API  |  Google for Developers

Google Maps JavaScript API를 시작합니다. 간단한 예를 확인하고, 개념을 알아보고, 사이트에 맞는 맞춤 지도를 만들어 보세요.

developers.google.com