CSS隐藏的<iframe>在显示</iframe>时无法正确呈现

Question

我的网站上有谷歌地图<iframe>。但我有css隐藏的地图（它位于<div>内display: none;）当我再次显示地图时（使用jQuery的{​​{1}}方法），{{ 1}}未正确呈现（而不是显示我选择的区域，它显示最小缩放的完整世界）。在Chrome，Firefox和IE中进行了测试（只有Chrome正确呈现，但仅在某些情况下）。

我做错了什么，或者这只是浏览器中的错误？

是否有任何简单的解决方案可用于防止出现这些错误？

感谢您的任何建议：）

修改：

更改为不同的地图提供程序并且工作得更好，但仍有一些错误：

在Firefox中渲染错误：

iframe代码：

.show()

JavaScript代码：

<iframe>

每个链接都正确调用<iframe src="http://api4.mapy.cz/frame?url=http%3A%2F%2Fmapy.cz%2Fs%2F9HdW&amp;z=13&amp;x=14.484938099932673&amp;y=50.10842090294788&amp;o=0&amp;layer=14&amp;dx=14.484938099932673&amp;dy=50.10842090294788&amp;dt=Kovaneck%C3%A1%202295%2F9&amp;move=1&amp;prev=1&amp;w=500&amp;h=333" width="500" height="333" style="border:none" frameborder="0"></iframe> 方法