A화면(부모)에서 B화면(div 레이어)에 ajax로 로딩하고, B화면에 티맵을 삽입하려고 합니다.

ajax로 로딩되는 B화면에 아래와 같이 넣었는데, Tmap is not defined 오류가 발생합니다.

로딩 시점의 문제로 보이네요.

tmap-routing.js 에서 Tmap을 호출하는 형태구요.

페이지 로딩 완료 후에는 Tmap 객체가 정상적으로 호출되지만,

tmap-routing.js 가 실행되는 시점에는 Tmap 객체가 없습니다.

<script type="text/javascript" src="//api2.sktelecom.com/tmap/js?version=1&format=javascript&appKey=api키"></script>

<script type="text/javascript" src="/js/common/map/tmap-routing.js"></script><!-- 화면 스크립트 실행 -->

물론, 부모창 A화면에 넣으면 문제가 해결될걸로 보이지만,

일부 화면에서만 사용할 API를 모든 화면에 포함시키고 싶지 않아 필요한 화면에서만 로딩하려고 하는 의도입니다.

포럼 검색해보니 Vue.js 사용시에도 비슷한 문제가 있는것 같은데,

다른 로딩 방법은 없나요? 혹시 AMD 형태의 로딩을 지원하는지요?