在Chrome和Firefox中打印预览后，传单散发了

Question

这仅适用于Chrome和FireFox

我有一个角度项目，使用传单显示地图。 工作流程很简单：

1. 显示地图
2. 隐藏地图并显示其他信息
3. 选择打印（带来“打印预览”）
4. 再次显示地图-它将被破坏

这是jsFiddle的范例： http ： //jsfiddle.net/fRe3f/

no code needed

如果这对某人有帮助（在Chrome中进行了测试）：我附加了一系列事件，以查看地图会发生什么情况（ http://jsfiddle.net/cxZRM/ ）。

（当缩放/移动地图时，我看到moveStart，move，moveEnd事件按该顺序触发。）

当地图可见并且可以打印时，不会触发任何事件（传单不会损坏）。 当地图不可见并打印时，没有记录moveStart事件，然后仅触发move和moveEnd。 此外，查看调用堆栈的移动事件中的断点表明leafLet正在调用invalidateSize方法）。

感谢您的帮助！

Answer 1

如果仅调整浏览器大小，它将自动修复:-)但这不是解决方法

我能够在我的逻辑中合并以调用invalidateSize（）（ https://github.com/Leaflet/Leaflet/issues/2826 ）来修复地图（实际上，我必须使用setTimeout（function（）{map .invalidateSize（）;}，100）-我认为angular有点“令人窒息”，由于角度我需要setTimeout。

希望这对某人有帮助...