Google maps Google Maps v3-根据父容器调整大小

我可以通过以下方式调整窗口更改时的大小：

//on window resize
google.maps.event.addDomListener(window, "resize", function() {
     var center = map.getCenter();
     google.maps.event.trigger(map, "resize");
     map.setCenter(center); 
});

，但当窗口不更改且仅“贴图”容器的宽度/高度更改时，如何调整大小？在这里，我的网站的边栏菜单可以打开/关闭。。。发生这种情况时，“贴图”容器会更改宽度

这似乎没有什么作用，也不知道为什么。也许它是在改变后得到地图中心的

//on sidebar open/close
$('body').on('click', '.sidebar-toggler', function (e) {
     var center = map.getCenter();
     google.maps.event.trigger(map, "resize");
     map.setCenter(center); 
});

更多信息：

如果我使用了一个超时，那么它会像我预期的那样工作。问题是我的侧边栏“打开/关闭”上没有任何动画，所以这只是需要在实际调用之前打开/关闭的问题吗

//redraw if sidebar open/close
$('body').on('click', '.sidebar-toggler', function (e) {            
    setTimeout(function() {
        var center = map.getCenter();
        google.maps.event.trigger(map, "resize");
        map.setCenter(center);
    }, 100);
});

这将有助于您：