0

我有一个带有延迟加载模块的简单 Angular 应用程序,它显示一个简单的 openlayers 地图,带有一个“pointermove”动画,显示悬停时的功能信息。
我面临的问题是,每次我导航到地图模块时,DOM 节点数量都会不断增加,而当我导航到另一个模块时却不会减少。
我从大约 70 个 Dom 节点开始,每次我导航 OUT 然后进入该模块时都会得到一个 +30 个节点和一个 FPS 下降。5-6 次导航后,地图性能急剧下降(在悬停和显示弹出窗口时可见)。

在此处输入图像描述 我从地图 1 到 2 导航了很多次,并且 DOM 节点不断增加。

Angular 版本:12.0.1
Ol 包:6.5.0

在 Angular 应用程序中使用 openlayers 时我是否缺少某些东西?

编辑: Stackblitz https://stackblitz.com/edit/github-ndeck6?file=src/app/app.component.ts

当我编写一个干净的项目时,我可以通过简化代码来消除 FPS 下降,但 DOM 节点不断增加

4

0 回答 0