Javascript 谷歌地图没有正确加载

我一直在这个网站上工作，我试图在联系人页面中加入谷歌地图。不幸的是，贴图没有正确渲染，当我在贴图中导航时，它仍然不能正常工作或加载内容。我发现，如果我重新编写脚本，让谷歌地图第一个出现在屏幕上，地图实际上会正确加载，但这并不真正符合我的设计愿望：）

我一直在寻找解决方案，并试图在打开联系人页面时重新加载地图，但它似乎仍然不起作用。我的日志没有显示任何错误或任何东西，所以我似乎无法找出它

---

如果有人知道如何解决这个问题，那就太棒了

我认为，一旦显示完contact div，就需要调用googlemap上的

resize

事件

var map = new google.maps.Map(selector, mapOptions); //Initialising map.
var currCenter = map.getCenter(); //Get the center location of the map
google.maps.event.trigger(map, 'resize'); //Trigger resize
map.setCenter(currCenter); //Setting the center in resized map.

应该很容易。确保在

联系人div

完全加载/调整大小/设置动画后调用此代码。

---

让我知道它是否有效。

您编写的概念是正确的，我以前尝试使用的程序也是正确的。我想我必须以不同的方式使用代码。谢谢。我曾经有过同样的问题，并且尝试过这种方法，它对我有效。希望它对你也有用。