카카오 지도 api service library 질문

지도/로컬 API
#1

서비스 라이브러리 사용을 위해 script 선언시 서비스 라이브리러를 포함하여 넣었는데 여전히 Cannot read properties of undefined (reading ‘Places’) 라는 오류가 발생합니다. 혹시 제가 잘못 선언한걸까요? 언어는 vue.js 사용 중입니다.

선언한 코드는 이렇습니다.

if(!window.kakao || !window.kakao.maps){
const script = document.createElement(“script”)

  script.src = "//dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=APPKEY&libraries=services,drawing"

  script.addEventListener("load", () => {
    console.log("loaded", window.kakao)
  })

  document.head.appendChild(script)
}else{
  console.log("이미 로딩됨", window.kakao)
}
#2

밑에선 객체사용을 위해
setTimeout(function(){
const ps = new window.kakao.maps.services.Places();
const infowindow = new window.kakao.maps.InfoWindow({zIndex:1});

  this.ps = ps
  this.infowindow = infowindow
}, 500);

이런식으로 사용햇습니다

#3

autoload=false로 스크립트를 동적 로드한 경우
kakao.maps.load 콜백 함수에서 객체에 접근할 수 있습니다.
https://apis.map.kakao.com/web/documentation/#load_load

if (!window.kakao || !window.kakao.maps) {
    const script = document.createElement("script");
    script.src = '//dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=APPKEY&libraries=services,drawing';
    script.addEventListener('load', () => {
        kakao.maps.load(() => {
            //TODO: map, ps, info window등 필요한 객체를 생성해주세요.
        });
    });
}