0

我有一个带有展开按钮的谷歌地图，单击该按钮会扩大地图的大小。问题是完成此操作后，地图会显示灰色区域，就好像它没有被重新绘制一样。

我试过投入，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 上搜索并搜索了这个问题的答案，并尝试了所有建议但仍然没有运气。我认为人们刚刚接受了答案或没有完全填写最终解决方案。

4

1 回答 1

2

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

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} );
于 2013-02-27T11:01:36.993 回答