Jquery 谷歌地图没有'；使用“切换”时无法完全展开

我有两个div并排放置。左边的一个包含谷歌地图，而右边的一个是空的，我用它作为边栏。我创建了一个切换按钮，用于折叠侧栏并展开贴图以覆盖视口的整个宽度。然而，GoogleMapdiv似乎没有完全扩展，总是留下一部分空白。当我只是扩展一个普通div时，这个问题不会发生，所以我想知道这是否是谷歌地图的问题

我在所有浏览器、最新版本上都遇到相同的问题：

---

看起来地图的灰色部分还没有加载。如果您将窗格移到它，它将正确加载

切换以下选项后，尝试刷新谷歌地图：

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

---

您可以使用

.animate（）

的

步骤：function（）{}

回调来调整地图的大小，同时设置

#地图

宽度的动画。看一看:

$("#map").animate({
    width:value
    },{step:function(){
        google.maps.event.trigger(map,'resize');
    },
});

我更新了你的小提琴作为演示：

---

在您的小提琴中，地图的大小在这里非常完美。你能发布一些截图吗？蚂蚁发布你的浏览器info@LGVentura我在OP上添加了一个屏幕截图的链接。无论使用哪种浏览器，我都会遇到同样的问题。如果增加小提琴结果宽度，同样的情况也会发生。我在以下网站上传了一个示例：。现在可以正常工作了，谢谢！我能问一下step:function和function之间的区别吗？用这两个函数都试过了，我似乎得到了相同的结果。@user3716388步骤：function（）是.animate（）函数的回调。当您为某个元素设置动画时，可以在动画开始、结束、完成、失败、进行时调用函数。阅读有关.animate（）的更多信息

$("#map").animate({
    width:value
    },{step:function(){
        google.maps.event.trigger(map,'resize');
    },
});