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

Stabilizing popup behaviour

Browse source
This commit is contained in:
pietervdvn 2021-01-05 16:59:12 +01:00
parent 614158e3c6
commit 52d9b2f452
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
UI/ShowDataLayer.ts
View file

@ -43,7 +43,7 @@ export default class ShowDataLayer {
const feats = features.data.map(ff => ff.feature);
let geoLayer = self.CreateGeojsonLayer(feats)
if (layoutToUse.clustering.minNeededElements <= features.data.length) {
const cl = window["L"];
const cl = window["L"]; // This is a dirty workaround, the clustering plugin binds to the L of the window, not of the namespace or something
const cluster = cl.markerClusterGroup({ disableClusteringAtZoom: layoutToUse.clustering.maxZoom });
cluster.addLayer(geoLayer);
geoLayer = cluster;
@ -116,7 +116,7 @@ export default class ShowDataLayer {
const tags = State.state.allElements.getEventSourceFor(feature);
const uiElement: LazyElement = new LazyElement(() => new FeatureInfoBox(tags, layer));
popup.setContent(uiElement.Render());
popup.on('popupclose', () => {
popup.on('remove', () => {
State.state.selectedElement.setData(undefined);
});
leafletLayer.bindPopup(popup);
@ -126,13 +126,16 @@ export default class ShowDataLayer {
leafletLayer.on("click", (e) => {
// We set the element as selected...
// uiElement.Activate();
uiElement.Activate();
State.state.selectedElement.setData(feature);
});
const id = feature.properties.id+feature.geometry.type+feature._matching_layer_id;
this._onSelectedTrigger[id]
= () => {
if(popup.isOpen()){
return;
}
leafletLayer.openPopup();
uiElement.Activate();
}