Javascript 谷歌地图API js3未加载整个地图

我的网站通过Javascript使用最新版本的谷歌地图API。我的网站还通过AJAX加载it页面。我正在侦听内部链接单击事件，然后加载页面，解析DOM，通过jQuery选择所需内容并将其插入div

当我加载联系人页面（其中包含地图）时，地图加载良好。事实上，即使我加载另一个页面，然后单击联系人链接（通过AJAX加载联系人页面），地图也可以正常加载。一旦我查看了联系人页面，如果我导航到另一个页面（通过AJAX），然后通过单击联系人链接（通过AJAX）返回到联系人页面，那么map只显示一个方块，其余的map不会加载。所有启动和设置映射的Javascript都在联系人页面代码中，该代码每次都通过AJAX加载

我曾尝试使用GoogleMaps事件方法触发调整大小，但没有任何效果

---

有什么想法吗？

这是个时间问题。Google.maps“一个平铺”条件是由于尝试在已渲染但隐藏或尚未渲染的div中加载初始化贴图而导致的

---

另一个您可能没有考虑的问题是，每次地图加载都会消耗您的Google配额，这可能会造成成本高昂。使用“单页”网站设计，您可以通过将地图拖放到主主机页（但隐藏）上，然后在重新选择地图页时再回到地图页上，来最小化地图加载的数量。这是很容易实现的，可能会测试您的javascript能力。恐怕我不知道有什么样的演示

你能发布一个演示的链接吗？不幸的是，没有。我知道这会让它变得更困难。这就是问题所在。但是这很奇怪，因为第一次加载映射时，div处于相同的状态。无论哪种方式，在div可见后在地图上触发resize都可以解决问题。