GoogleMap
1.🗺️ React + Google Maps + GeoJSON으로 대한민국 시도별 색상 시각화하기
안녕하세요!이번 포스팅에서는 Google Maps API를 사용해서 대한민국의 시도(서울, 부산 등)를 GeoJSON 데이터 기반으로 맵에 그리고, 각 시도별로 서로 다른 색상을 입혀보는 과정을 정리해보았습니다.프론트엔드 기술 스택은 React + TypeScript이
2.🗺️ Google 지도에 "For development purposes only"가 뜨는 이유는?
Google Maps API를 연동해 프로젝트에 지도를 띄우던 중, 아래와 같은 알림창(alert)이 뜨는 걸 보신 적 있나요?"Google 지도를 제대로 로드할 수 없습니다. 이 웹사이트의 소유자이신가요?"Google 지도를 제대로 로드할 수 없습니다. 이 웹사이트의
3.React + TypeScript로 Google Maps 위에 GeoJSON 시도 경계 시각화하기
최근 프로젝트에서 대한민국 시도 경계 데이터를 Google Maps 위에 시각화할 일이 있었다.React와 TypeScript, 그리고 @react-google-maps/api 라이브러리를 활용해 이를 구현한 과정을 정리해본다.Google Maps에 대한민국 시도 경계
4.🔐 구글 Maps API 키 보안을 위한 Referrer 제한 설정법
Google Maps API를 사용하는 프로젝트를 하다 보면,API Key 하나로 지도도 띄우고, GeoJSON도 로딩하고, 다양한 기능을 활용할 수 있어요.하지만!이 API Key는 기본적으로 아무 웹사이트에서나 사용할 수 있기 때문에아무런 제한 없이 방치하면 다른
5.❗️Google Maps에 `styles` JSON 스타일이 적용되지 않을 때 (결제 계정 문제)
React + Google Maps API를 연동해서 지도를 꾸미던 중, 공식 문서에 나온 대로 styles JSON을 넣었는데도…지도가 아무 변화가 없다?!"분명히 styles는 제대로 넣었는데, 왜 기본 지도 그대로지?"꽤 한참을 헤매다가 원인을 알아냈다.바로, 결