Chrome - 从iframe移动地图div冻结地图

时间:2017-01-10 14:53:09

标签: javascript google-maps google-chrome extjs

我有一个谷歌地图坐在我的网络应用程序中,我有一个打印按钮,当点击打开一个iframe,在这里我从父母拿地图并将其放在iframe中,我也克隆地图并把克隆到父级,使它看起来一样。在iframe中你可以移动地图等,用户可以打印地图等,我的问题是当他们关闭iframe时,我删除了克隆的地图并将原始地图追加回到父地图。

在Firefox,IE和Edge中我可以在iframe关闭,放大和缩小等之后自由移动地图。但是在Chrome中它被冻结,没有任何东西会移动/缩放,如果我将鼠标悬停在街景男人身上光标确实改变了,如果我点击底部的超链接,即使用条款,这将有效!

我快速地拼凑了一个小提琴来展示这个

https://jsfiddle.net/a397981w/3/

// add original map again
parent.dom.appendChild(domNode);

当显示小提琴加载地图时,点击地图下方的按钮,iframe会弹出里面的地图,你可以移动这张地图,当你关闭iframe并尝试在原始地图内移动时什么都不会发生在Chrome中。

为了让这个小提琴适用于我的测试,我必须从命令行运行Chrome,如下所示,请注意这仅用于测试目的,因为我遇到了使用iframe的跨站点脚本错误

chrome.exe --disable-web-security

1 个答案:

答案 0 :(得分:1)

问题与您正在侦听ExtJS窗口的destroy事件有关。如果您更改它以收听close事件,则可以在Chrome中正常使用。

请参阅Updated fiddle