谷歌地图显示调整后的灰色地区

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> 

如果您点击地图上的展开链接，地图上展开，但有灰色地带，如果随后单击展开按钮再次灰色地带拿得出。我如何触发这个动画？

我已经在Stack上搜索并搜索了这个问题的答案，并尝试了所有建议，但仍然没有运气。我认为人们已经接受了答案，或者没有完全填写最终的解决方案。

Answer 1

触发resize在animate的complete -callback或progress -callback。

---

的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});