Javascript 使用jquery更改google地图（地图画布）大小

我在页面上有一个谷歌地图。它位于站点的内容区域（800px宽）

现在我添加了以下代码：

jQuery('#map_canvas').appendTo("body");

还添加了一个带有jQuery的类，并将其大小更改为map_canvas，使其处于固定位置，100%宽度和高度（全屏）

所有这些都有效，但谷歌地图实际上并没有显示100%的宽度和高度。。。以下是它如何显示-

我注意到，如果我只需输入源代码（GoogleChrome-inspect元素（页面上的任何元素）），谷歌地图通常显示100%的宽度和高度。。。但它不会从一开始就正常加载100%的宽度和高度

---

我做了一些研究，但没有找到任何可以帮助我的东西。

根据以前的经验，调整地图大小后，你需要重新初始化地图。嗯。。。。你能给我一个链接看看如何做到这一点，或者给我一个例子吗？应该有一个

initialize（）

函数，如下面的hello world示例所示：你需要在调整画布大小后运行此函数。非常感谢。我会试试的