[NextJS] Google map 사용

Next.js에서는 React와 비슷하지만, 서버사이드 렌더링이나 정적 사이트 생성 등의 추가 기능을 제공합니다. 이 경우 Google Maps를 사용하기 위해 직접 스크립트를 로드하는 방식을 사용할 수 있습니다. 환경 변수를 사용하여 Google Maps API 스크립트를 로드하고 현재 위치에 마커를 표시하며, 2km 반경의 원을 그리는 방법에 대한 예시입니다. 먼저, public 디렉토리에 GoogleMap.js라는 스크립트 파일을 만듭니다 // public/GoogleMap.js window.initMap = function() {}; function loadScript(src, position, id) { if (!window.google) { const script = document.creat..

2023.11.09