First attempt to use less resources

Logic/FeatureSource/Sources/FilteringFeatureSource.ts

@@ -49,7 +49,7 @@ export default class FilteringFeatureSource implements FeatureSourceForLayer, Ti
             self.update()
         })
 
-        this._is_dirty.stabilized(250).addCallbackAndRunD(dirty => {
+        this._is_dirty.stabilized(1000).addCallbackAndRunD(dirty => {
             if (dirty) {
                 self.update()
             }

Logic/FeatureSource/Sources/NewGeometryFromChangesFeatureSource.ts

@@ -54,8 +54,8 @@ export class NewGeometryFromChangesFeatureSource implements FeatureSource {
                     // In _most_ of the cases, this means that this _isn't_ a new object
                     // However, when a point is snapped to an already existing point, we have to create a representation for this point!
                     // For this, we introspect the change
-                    if (allElementStorage.has(change.id)) {
+                    if (allElementStorage.has(change.type + "/" + change.id)) {
-                        // const currentTags = allElementStorage.getEventSourceById(change.id).data
+                        // The current point already exists, we don't have to do anything here
                         continue;
                     }
                     console.debug("Detected a reused point")

Logic/State/FeaturePipelineState.ts

@@ -12,6 +12,9 @@ import {BBox} from "../BBox";
 import FeatureInfoBox from "../../UI/Popup/FeatureInfoBox";
 import {FeatureSourceForLayer, Tiled} from "../FeatureSource/FeatureSource";
 import MetaTagRecalculator from "../FeatureSource/Actors/MetaTagRecalculator";
+import ScrollableFullScreen from "../../UI/Base/ScrollableFullScreen";
+import BaseUIElement from "../../UI/BaseUIElement";
+import LayerConfig from "../../Models/ThemeConfig/LayerConfig";
 
 export default class FeaturePipelineState extends MapState {
 
@@ -21,6 +24,7 @@ export default class FeaturePipelineState extends MapState {
     public readonly featurePipeline: FeaturePipeline;
     private readonly featureAggregator: TileHierarchyAggregator;
     private readonly metatagRecalculator: MetaTagRecalculator
+    private readonly popups : Map<string, ScrollableFullScreen> = new Map<string, ScrollableFullScreen>();
     
     constructor(layoutToUse: LayoutConfig) {
         super(layoutToUse);
@@ -49,6 +53,7 @@ export default class FeaturePipelineState extends MapState {
             }
         }
         
+        
         function registerSource(source: FeatureSourceForLayer & Tiled) {
 
             clusterCounter.addTile(source)
@@ -117,7 +122,7 @@ export default class FeaturePipelineState extends MapState {
                     doShowLayer: doShowFeatures,
                     selectedElement: self.selectedElement,
                     state: self,
-                    popup: (tags, layer) => new FeatureInfoBox(tags, layer, self)
+                    popup: (tags, layer) => self.CreatePopup(tags, layer)
                 }
             )
         }
@@ -135,6 +140,15 @@ export default class FeaturePipelineState extends MapState {
 
     }
     
+    public CreatePopup(tags:any , layer: LayerConfig): ScrollableFullScreen{
+        if(this.popups.has(tags.id)){
+            return this.popups.get(tags.id)
+        }
+        const popup = new FeatureInfoBox(tags, layer, this)
+        this.popups.set(tags.id, popup)
+        return popup
+    }
+
     /**
      * Adds the cluster-tiles to the given map
      * @param leafletMap: a UIEventSource possible having a leaflet map

UI/ShowDataLayer/ShowDataLayer.ts

@@ -46,6 +46,12 @@ export default class ShowDataLayer {
     private readonly showDataLayerid: number;
     private readonly createPopup: (tags: any, layer: LayerConfig) => ScrollableFullScreen
 
+    /**
+     * Creates a datalayer.
+     * 
+     * If 'createPopup' is set, this function is called every time that 'popupOpen' is called
+     * @param options
+     */
     constructor(options: ShowDataLayerOptions & { layerToShow: LayerConfig }) {
         this._leafletMap = options.leafletMap;
         this.showDataLayerid = ShowDataLayer.dataLayerIds;