点击即可缩放谷歌地图

Question

我试图在点击事件上缩放google map但我会显示一个灰色框

我该怎么办？

在这里输入代码

$(".zoomappa").click(function() {
          $('.zoomappa').hide();      
          $('.bt-googlemaps').animate({width:'710px'}, 500);
          $('.bt-googlemaps').animate({height:'640px'}, 500);
           $(window).trigger('resize');
          $('.nozoomappa').show();

     });

Answer 1

更改div的尺寸后，您应该调用map resize事件。

google.maps.event.trigger(map, 'resize');

由于您的地图变量（default.js，第208行）设置为私有，因此您不能将此行添加到点击功能中，因此您必须自己处理这一行。