遅延ロードされたモジュールを備えた単純なAngularアプリケーションに、ホバー時に機能の情報を表示する「pointermove」アニメーションを備えた単純なopenlayersマップが表示されます。
私が直面している問題は、マップモジュールに移動するたびにDOMノード数が増加し続け、別のモジュールに移動しても減少しないことです。
〜 70 の Dom ノードから始めて、そのモジュールを移動してから移動するたびに +30 ノードと FPS ドロップを取得します。5 ～ 6 回のナビゲーションの後、マップのパフォーマンスが大幅に低下します (ホバーしてポップアップを表示すると表示されます)。
マップ 1 から 2 に何度も移動し、DOM ノードが増加し続けました。
Angular バージョン: 12.0.1
Ol パッケージ: 6.5.0
angularアプリでopenlayersを使用するときに欠けているものはありますか?
編集: Stackblitz https://stackblitz.com/edit/github-neck6?file=src/app/app.component.ts
クリーンなプロジェクトを作成したとき、コードを単純化することで FPS の低下を取り除くことができましたが、DOM ノードが増え続けています。