$.getscript daum.maps.load 콜백문의

지도/로컬 API
#1

지도/로컬 API에 대한 문의게시판입니다.
안녕하세요.
아래와 같이 jquery getscript function 이용해 sdk.js를 호출하였습니다.
그런데 daum.maps.load 콜백이 동작하지 않습니다.

아래의 코드에서 콘솔에 ‘script load’는 출력 되지만
‘daum maps load’는 출력되지 않습니다

jquery 버전 1.12.4버전입니다

$.getScript(’//dapi.kakao.com/v2/maps/sdk.js?appkey={appkey}&autoload=false’, function(){
console.log(‘script load’)
daum.maps.load(function(){
console.log(‘daum maps load’);
var mapContainer = document.getElementById(‘mapArea’);
var options = {
center: new daum.maps.LatLng(33.450701, 126.570667),
level: 8
}
var map = new daum.maps.Map(mapContainer, options);
})
})

#2 
$.getScript('http://dapi.kakao.com/v2/maps/sdk.js?appkey=APPKEY&autoload=false', function(){
  console.log('script load');
  daum.maps.load(function(){
    console.log('daum maps load');
    var mapContainer = document.getElementById('map');
    var options = {
      center: new daum.maps.LatLng(33.450701, 126.570667),
      level: 8
    };
    var map = new daum.maps.Map(mapContainer, options);
  });
});

해당 코드로 잘 동작하며
jQuery의 버전은 1.7.2로 시도했습니다.
image

jQuery 버전이 문제가 될 것 같지는 않습니다.
이미 'script load’가 찍혔다는 건,
스크립트가 제대로 불려졌다는 얘기긴 한데… 흐음…

테스트한 브라우저를 알려주시겠어요?

정적(static) 지도가 아닌 동적 지도를 위한 스크립트 동적 로드
#3

테스트 브라우저는 크롬 66.0.3359.181 버전입니다

내트워크 환경문제로 sdk.js 응답후 요청하는 t1.daumcdn.net/mapjsapi/main/4.0.7/kakao.js 요청을 실패하거나 응답을 받더라도 굉장히 오랜시간 걸립니다

혹시 kakao.js 응답속도가 daum.maps.load 콜백 호출에 영향이 있을까요?

#4

영향이 있습니다.

왜냐하면 언급하신 스크립트의 응답을 받은 이후에
daum.maps.load에 등록한 콜백을 실행하기 때문입니다.
즉, 해당 스크립트 파일을 다운 받지 못하면 콜백이 실행이 되지 않는다는 뜻입니다.

해당 파일은 약 37Kb 정도인데
네트워크상으로 전달 받기에는 충분히 용량이 작은 파일이라고 봅니다.

통신에 오랜시간이 걸리는 이유를 찾는 것이 해결하는데 도움이 될 것 같네요.

1개의 좋아요