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

Question

我一直在寻找一个超过 4 小时的问题的具体答案。我找不到任何适合我的。

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

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

Answer 1

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

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

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