jquery - 谷歌地图在 iframe nyromodal 层内的 IE8 中无法正确呈现

Question

我尝试在 nyromodal iframe 层中呈现谷歌地图。

它在 Chrome 和 Firefox 中运行良好，但在 IE8 中存在一个奇怪的问题：在第一次加载时，它运行良好。然而，在我关闭图层并在同一页面上重新打开它之后，地图将呈现错误：仅主要显示灰色瓷砖，并且其所有内容将随机飞溅，例如：

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

Answer 1

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

因此，为了强制超时以完全加载 nyromodal，请通过 iframe 在 iframe 中初始化地图

$(document).ready(function () {

 /* set up your map */

 setTimeout(
   function() {
     initalizeYourMap();
 },
 1000);

});