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

Popup doesn't hide the icon anymore

Browse source
This commit is contained in:
Pieter Vander Vennet 2020-07-26 23:28:31 +02:00
parent 8abe46b658
commit 5f0243384c
3 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Customizations/Layers/Bookcases.ts
View file

@ -162,7 +162,8 @@ export class Bookcases extends LayerDefinition {
icon: {
iconUrl: "assets/bookcase.svg",
iconSize: [40, 40],
iconAnchor: [20,20]
iconAnchor: [20,20],
popupAnchor: [0, -15]
},
color: "#0000ff"
};

3
Customizations/TagRendering.ts
View file

@ -335,7 +335,7 @@ class TagRendering extends UIElement implements TagDependantUIElement {
if (elements.length == 0) {
console.warn("WARNING: no tagrendering with following options:", options);
//console.warn("WARNING: no tagrendering with following options:", options);
return new FixedInputElement("This should not happen: no tag renderings defined", undefined);
}
if (elements.length == 1) {
@ -362,7 +362,6 @@ class TagRendering extends UIElement implements TagDependantUIElement {
let isValid = TagRenderingOptions.inputValidation[type];
if (isValid === undefined) {
console.log("Invalid type for field type", type)
isValid = (str) => true;
}
let formatter = TagRenderingOptions.formatting[type] ?? ((str) => str);

31
Logic/FilteredLayer.ts
View file

@ -27,7 +27,7 @@ export class FilteredLayer {
private readonly _map: Basemap;
private readonly _maxAllowedOverlap: number;
private readonly _style: (properties) => { color: string, icon: { iconUrl: string } };
private readonly _style: (properties) => { color: string, icon: { iconUrl: string, iconSize? : number[], popupAnchor?: number[], iconAnchor?:number[] } };
private readonly _storage: ElementStorage;
@ -214,10 +214,27 @@ export class FilteredLayer {
});
} else {
if(style.icon.iconSize === undefined){
style.icon.iconSize = [50,50]
}if(style.icon.iconAnchor === undefined){
style.icon.iconAnchor = [style.icon.iconSize[0] / 2,style.icon.iconSize[1]]
}
if (style.icon.popupAnchor === undefined) {
style.icon.popupAnchor = [0, 8 - (style.icon.iconSize[1])]
}
marker = L.marker(latLng, {
icon: new L.icon(style.icon)
icon: new L.icon(style.icon),
});
}
let eventSource = self._storage.addOrGetElement(feature);
const uiElement = self._showOnPopup(eventSource, feature);
const popup = L.popup().setContent(uiElement.Render());
uiElement.Update();
marker.bindPopup(popup);
marker.on("click", () => {
console.log("Popup opened");
uiElement.Activate();
}) // TODO FIX
return marker;
},
@ -227,21 +244,19 @@ export class FilteredLayer {
if (layer.setIcon) {
layer.setIcon(L.icon(self._style(feature.properties).icon))
} else {
console.log("UPdating", layer);
self._geolayer.setStyle(function (feature) {
return self._style(feature.properties);
});
}
});
layer.on("click", function (e) {
console.log("Selected ", feature)
self._selectedElement.setData({feature: feature});
const uiElement = self._showOnPopup(eventSource, feature);
if (feature.geometry.type === "Point") {
return; // Points bind there own popups
}
const iconInfo = self._style(feature.properties).icon;
const uiElement = self._showOnPopup(eventSource, feature);
const popup = L.popup({
autoPan: true,