midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Optimazation: the popup content is only initialized when the popup marker is clicked

Browse source
This commit is contained in:
Pieter Vander Vennet 2020-09-10 18:02:41 +02:00
parent eab842d18a
commit 8bb9b1228b
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
Logic/FilteredLayer.ts
View file

@ -186,13 +186,11 @@ export class FilteredLayer {
} }
this._dataFromOverpass = fusedFeatures; this._dataFromOverpass = fusedFeatures;
console.log("New elements are ", this._newElements)
for (const feature of this._newElements) { for (const feature of this._newElements) {
if (!idsFromOverpass.has(feature.properties.id)) { if (!idsFromOverpass.has(feature.properties.id)) {
// This element is not yet uploaded or not yet visible in overpass // This element is not yet uploaded or not yet visible in overpass
// We include it in the layer // We include it in the layer
fusedFeatures.push(feature); fusedFeatures.push(feature);
console.log("Adding ", feature," to fusedFeatures")
} }
} }
@ -237,11 +235,19 @@ export class FilteredLayer {
}); });
} }
let eventSource = State.state.allElements.addOrGetElement(feature); let eventSource = State.state.allElements.addOrGetElement(feature);
const uiElement = self._showOnPopup(eventSource, feature); const popup = L.popup({}, marker);
const popup = L.popup({}, marker).setContent(uiElement.Render()); let uiElement: UIElement;
let content = undefined;
marker.bindPopup(popup) marker.bindPopup(popup)
.on("popupopen", () => { .on("popupopen", () => {
uiElement.Activate();
if (content === undefined) {
uiElement = self._showOnPopup(eventSource, feature);
// Lazily create the content
content = uiElement.Render();
}
popup.setContent(content);
uiElement.Activate();
uiElement.Update(); uiElement.Update();
}); });
return marker; return marker;