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

时间:2014-04-20 15:09:18

标签: javascript jquery html css iframe

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

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

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

感谢您的任何建议:)

修改

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

在Firefox中渲染错误:

bug

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> 方法

0 个答案:

没有答案