카카오 maps sdk에서 Geocoder 기능 문의드립니다

지도/로컬 API
1

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.

  <Script
    strategy="afterInteractive"
    src="//dapi.kakao.com/v2/maps/sdk.js?appkey=$Appkey&libraries=services"
  />

next 14 버전에서 root에 이렇게 스크립트를 넣어줬습니다
근데 스크립트는 성공적으로 다운이 되었는데
const geoCoder = new kakao.maps.services.Geocoder()
이부분에서 Geocoder를 찾을 수 없다는 오류가 떠서 이것저것 확인해도 원인을 모르겠어서 문의드립니다

아래 사진은 참고용으로 첨부합니다

스크린샷 2024-09-10 오전 10.09.29
해당 사진 처럼 스크립트는 잘 들어가 있고요
image

문제는 maps 객체 안에 아무것도 담긴게 없습니다.

2

안녕하세요 계속 확인해보고 잇는데
next 14 script로는 services scirpt까지는 다운이 안되는 걸로 확인되는데
처리할 수 있는 방법이 있나요?

3

JS SDK는 내부에서 다른 리소스를 불러오기 때문에 next에서 제공하는 script 컴포넌트를 사용할 경우
로딩 타이밍이나 다른 환경적 문제로 로딩이 되지 않을 수 있습니다.
기본 script 태그를 사용하거나 동적으로 스크립트를 추가해서 확인 부탁드립니다.

동적 로드하는 방법은 아래 예제 링크 참고해주세요.
https://codesandbox.io/p/sandbox/dazzling-colden-cqyyr3

4

네 저도 내부 리소스 불러오는거 확인해서 따로 스크립트 추가를 따로 해서 해결했는데
예시코드도 좋은 방식인 것 같네요

답변 감사합니다

1개의 좋아요