谷歌地圖顯示調整後的灰色地區

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