React daum map

지도/로컬 API에 대한 문의게시판입니다.

react 컴포넌트중 daum map 을 사용하고 싶은 컴포넌트에서
componentDidMount() {
let el = document.getElementById(‘map’);
let map = new daum.maps.Map(el, {
center : new daum.maps.Lating(33.450701, 126.570667)
});
}
을 사용해서(물론 render에서 script로 key값은 준 상태입니다.) 불러오는데
Uncaught ReferenceError: daum is not defined… 라고 에러가 나오네요
아무리 코드를 생각해봐도 new daum을 할 수 있을리가 없는데 이게 가능한 이유가 있을까요…?

일단 react 관련해서는 기존 문의/답변 케이스가 있어 공유 드립니다.

그런데 현재 문의주신 계정의 사용 로그를 보면 deactivated 된 appkey 로 호출하신 이력이 보입니다.

1개의 좋아요

링크의 제 답변은
스크립트를 동적으로 추가하지 않는다는 가정 하에 작성된 코드입니다.
페이지의 head 에 이미 지도 API를 불러오는 script tag가 정적으로 박혀 있는 상황이고요.
이미 스크립트가 로딩 된 이후라 가정하고 코드를 작성한 것입니다.

만약 해당 리액트 컴포넌트가 on demand로 추가되는 방식이어서
동적 로딩이 필요한 상황이라면 다른 접근법으로 코드가 작성되어야 합니다.