谷歌地图 Iframe 和 Foundation 3 显示居中问题

Question

4 个多小时以来，我一直在为我遇到的问题寻找具体答案。我找不到任何适合我的。

我的情况很简单，我在显示模式窗口中嵌入了一个谷歌地图 iframe，但是当它加载并显示地图显示偏离中心时，图钉在左侧。

请记住，在这种情况下，我不使用地图 API，我只是使用 iframe。

Answer 1

所以在继续阅读之后尝试寻找解决方案。我发现 Reveal js 插件提供了可见性：隐藏；到模态框，但也给它一个显示：无；属性。

从 none 和 block 语句中删除 display 属性，只保留可见性并向我的样式表添加一个属性 display:block !important;到模态解决了这个问题。

我一直在阅读地图在隐藏 div 上存在问题。它的 resize() 代码对我不起作用（可能是因为我使用的是 iframe）所以我找到了这些小的 css 更改的解决方案。