Jquery 谷歌地图不加载隐藏的div

我需要有两个地图，每个都显示在css选项卡格式。我的问题是第二个“隐藏”贴图似乎没有加载，导致它出现在选项卡区域的左上角

是否有一种方法可以加载我的代码，以便在单击选项卡时加载或至少加载两个映射。

---

谷歌浏览器在控制台中抛出错误

Unsafe JavaScript attempt to access frame with URL http://jsfiddle.net/xzer6/1/ from frame with URL http://maps.google.co.uk/maps?

这里有一些关于stackoverflow的问题，但没有解决方案。我也没有找到解决办法

---

谷歌地图似乎试图访问父框架（您的页面），这是不允许的。唯一的工作区是使用谷歌地图API。

谷歌浏览器在控制台中抛出错误

Unsafe JavaScript attempt to access frame with URL http://jsfiddle.net/xzer6/1/ from frame with URL http://maps.google.co.uk/maps?

这里有一些关于stackoverflow的问题，但没有解决方案。我也没有找到解决办法

---

谷歌地图似乎试图访问父框架（您的页面），这是不允许的。唯一的工作区是使用Google Maps API。

触发

可见性

而不是

显示

CSS属性，以确保地图连接到DOM，并在加载时呈现（而第二个未显示），从而导致预期行为

---

我对代码做了一些调整：

触发

可见性

而不是

显示

CSS属性，以确保贴图连接到DOM并在加载时呈现（而第二个未显示），从而导致预期的行为

---

我对你的代码做了一些调整：

两个贴图都为我加载。是的，两个贴图都加载，但是第二个没有初始化，标记不在适当的位置。在我的脑海中，你需要包括贴图API，并在切换选项卡时触发

调整大小
（可能还有
设置中心
）事件。你用谷歌搜索过这种行为吗？我想没有。这是一个众所周知的问题，有解决办法。只需谷歌一下，你就可以找到解决方案。两个地图都会为我加载。是的，两个都会加载，但是第二个没有初始化，标记没有就位。在我的脑海中，你需要包括地图API，并在切换选项卡时触发
调整大小
（可能还有
设置中心
）事件。你用谷歌搜索过这种行为吗？我想没有。这是一个众所周知的问题，有解决办法。只要谷歌一下，你就能找到解决方案