크기가 조정되면 Google지도가 회색 영역으로 표시됩니다.

Question

Google지도에 확장 버튼이있어이를 클릭하면지도 크기가 확장됩니다. 문제는 이것이 끝났을 때지도가 다시 그려지지 않은 것처럼 회색 영역을 보여줍니다.

나는 google.maps.event.trigger(map, 'resize');에서 퍼팅 시도했다 그러나 그것은 아무것도하지 않는 것. 내가 해봤

:

<script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $("#expand").click(function(){ 
       $("#map").animate({height: '1000'}, 1500); 
       google.maps.event.trigger(map, 'resize'); 
      }); 
      }); 
</script> 

은지도 위의 확장 링크를 클릭하면지도가 확대 그러나 당신이 다시 회색 영역이 그려 얻을 확장 버튼을 클릭하면, 회색 영역이 있습니다. 이 애니메이션을 실행하려면 어떻게해야합니까?

내가 검색이 질문에 대한 대답을 스택에 검색하고 여전히 행운을 제안하지 있지만 모든을 시도했습니다. 나는 사람들이 방금 답을 수락했거나 최종 해결책을 완전히 채우지 않았다고 생각한다. animate의 complete -callback 또는 progress -callback에

Answer 1

트리거 resize. (애니메이션이 완성 된 경우)

---

onComplete를

:

$('#map').animate({height: '1000'}, 1500 , 
        function(){google.maps.event.trigger(map, 'resize');}); 

으로 onProgress (애니메이션의 각 단계에) :

$('#map').animate({height: '1000'}, 
         {progress:function() 
            {google.maps.event.trigger(map, 'resize');}, 
          duration:1500});