[Js] google is not defined 해결방법

구글 지도 구현 중에 (그 유명한) 로컬에서는 되는데 운영서버에서 'google is not defined' 나서 해결한 방법입니다.

 

문제의 소스

    var mapOptions = {
                        zoom: 2, // 지도를 띄웠을 때의 줌 크기
                        mapTypeId: google.maps.MapTypeId.ROADMAP,
                        center: new google.maps.LatLng(15.042621, 143.753442)
                    };

 

로컬에서는 조회속도가 빨라서 google 변수가 금방 불러왔지만 운영서버에서는 속도가 느려서 google 변수를 불러오지 못해서 로직에러가 난 것

 

해결방법 : init() 함수 맨 앞에 google이 undefined 일때 계속 init 함수 재호출하도록 소스 추가

function init() {
      if (typeof google === "undefined") {
        setTimeout(init(), 1000);
        return;
      }
      // ...
}