Javascript 谷歌地图容器没有'；设置动画后不能正确调整大小

我有一个谷歌地图容器，比如说600像素高

我有一个按钮，调整地图周围div容器的大小（jQuery）：

            $('#add').click(function() {
                 $("#container-map").animate({
                    height: '50%',
                    minHeight: '50%'
                 }, 1500 );
                 google.maps.event.trigger(map, 'resize');
            });

现在容器和地图的高度是300px，但是谷歌地图api认为它仍然是600像素，所以地图的中心仍然是300px，虽然它应该是150px（300/2）

当您在框中搜索位置时，它将居中。 点击“Eintragen”并再次搜索，它没有正确居中

您是否可以尝试验证，甚至建议如何修复此缺陷

---

我尝试使用，但它不起作用，因为在动画开始之前触发调整大小事件：-）您必须等待它结束。为此，请使用-在动画结束后调用的

complete

回调：

$('#add').click(function() {
     $("#container-map").animate({
        height: '50%',
        minHeight: '50%'
     }, 1500, function () {
          google.maps.event.trigger(map, 'resize');
     });
});

---

这正是我看到“1500”延迟时所想的..哦，谢谢！不客气：-）抱歉说“哈哈”，但这就像你用javascript给我讲个笑话；-）（我知道程序员的变形：-）@DanFromGermany哇，我看你已经在网站上修复了：-）np，当然。这很有趣project@Thomas+1我使用过动画，但仅从您的回答我才知道动画完成后执行函数。谢谢你，伙计。