在iframe nyromodal图层中,Google地图无法在IE8中正确呈现

我尝试在nyromodal iframe层中渲染谷歌地图。

它在Chrome和Firefox中运行良好,但在IE8中有一个奇怪的问题:首次加载时,它运行正常。 然而,当我关闭图层并在同一页面上重新打开它之后,地图将呈现错误:仅显示灰色图块并且并且其所有内容将随机喷溅,例如:

乱码地图结果

如果我清除缓存并重新加载,地图将再次工作但只有一次。

问题很可能在于,nyromodal需要时间才能完全打开,而谷歌API已经尝试渲染地图。 因此,它在清除缓存时起作用,因为在加载所有资源之前存在超时,允许nyromodal完全打开选项。

因此,为了强制执行超时以完全加载nyromodal,请在iframe中初始化地图

$(document).ready(function () { /* set up your map */ setTimeout( function() { initalizeYourMap(); }, 1000); 

});