kakao.maps.LatLng is not a constructor 오류가 발생합니다. vue.js

카카오맵 API (지도/로컬)
1

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.

// 위치 갱신 함수
function updatePosition(position) {
latitude.value = position.coords.latitude;
longitude.value = position.coords.longitude;

const newLatLng = new kakao.maps.LatLng(latitude.value, longitude.value);

if (!map) {
    initializeMap();
}

// 경로 추가
path.push(newLatLng);
polyline.setPath(path);

// 마커 위치 업데이트
redDot.setPosition(newLatLng);
whiteDot.setPosition(newLatLng);
BigDot.setPosition(newLatLng);

// 지도 중심 이동
map.panTo(newLatLng);

}

실시간 위치 추적 기능을 넣고 싶은데
new kakao.maps.LatLng(latitude.value, longitude.value); 이 부분에서 kakao.maps.LatLng is not a constructor 오류가 계속 발생한다는데 어떻게 해결해야할지를 모르겠습니다…

2

맵객체가 kakao.maps.Map 클래스의 객체로 보이는데,
해당 오류는 지도API의 코어모듈이 다운로드가 안됬을때 접근을 해서 발생하는 것으로, 이걸 해결해 주셔야 합니다.

https://apis.map.kakao.com/web/documentation/#load
지도 개발자 문서 사이트의 load부분 설명입니다.
이 방법을 이용해서 코어 스크립트를 다운받는 것을 명시적으로 제어하셔서
콜백이 발생한 시점에 컴포넌트를 마운트 하거나, 특정 로직을 실행하는 방법으로 처리해 주시기 바랍니다.