안녕하세요. 개인 프로젝트 진행 중, vscode의 라이브서버 기능으로 확인했을 때는 카카오지도가 정상적으로 출력되었는데, 깃허브로 커밋후 io 주소로 확인했을 때는 카카오 지도 api 자체가 로드되지 않아서 질문드립니다.
제 카카오 developers의 애플리케이션 플랫폼에 깃허브 주소도 추가해 두었는데,
계속해서 에러가 나니 도무지 뭐가 문제인지 모르겠네요.ㅠㅠ
https://sally8p.github.io/SWSIE/HTML/map.html?city=청주시&food=마라탕
위 주소로 들어갔을 때 출력되는 콘솔 로그입니다.
if (typeof kakao === "undefined") { // 이미 로드되었으면 실행 x
const kakaoScript = document.createElement('script');
kakaoScript.src = "https://dapi.kakao.com/v2/maps/sdk.js?appkey=a62d3836bded4f7ea62b624e4fc5ff75&libraries=services";
kakaoScript.async = true;
kakaoScript.defer = true;
kakaoScript.onload = () => {
console.log("Kakao Maps API loaded");
initializeMap();
};
kakaoScript.onerror = () => {
console.error("Failed to load Kakao Maps API");
};
document.head.appendChild(kakaoScript);
} else {
initializeMap();
}
으로 해 두었는데, api를 로드할 때 계속 에러가 생겨서 다음 함수가 실행이 안 됩니다. ㅠ_ㅠ 뭐가 문제일까요?