지도/로컬 API에 대한 문의게시판입니다.
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=APIKEY&libraries=drawing"></script>
처음에는 이렇게 script주소를 사용하여 맵을 사용했는데 아래 코드를 사용하게되면 script에 crossorigin 속성을 사용하라고해서 사용을하면 cors오류가 발생하게됩니다.




처음 맵을 가져오는것은 잘 가져왔지만, drawing라이브러리 코드를 사용하면 이렇게 오류가 발생합니다ㅠㅠ어떻게 해결해야되는 걸까요?
drawing 라이브러리를 사용해도 스크립트 import는 동일합니다.
crossorigin 속성을 빼고 기존 그대로 스크립트를 불러와주세요.

crossorigin속성을 제거하면 이런 에러가 발생하게됩니다ㅠㅠ

const manager = new kakao.maps.draw.DrawingManager() 생성자를 만들면서부터 오류가 발생합니다
DrawingManager 객체를 생성할 때 kakaoMap이 빈 값(null)일수도 있기 때문에
useEffect 훅을 이용해서 DrawingManager 객체를 생성해주세요.
useEffect(() => {
if(kakaoMap === null) {
return;
}
//TODO: DrawingManager 객체 생성 및 상태 변수 적용
}, [kakaoMap]);