Fix bicycle shop icon

This commit is contained in:
Pieter Vander Vennet 2020-07-23 14:46:25 +02:00
parent 209652b45d
commit 7c1b05b68b
2 changed files with 4 additions and 3 deletions

View file

@ -72,7 +72,7 @@ export default class BikeShops extends LayerDefinition {
return { return {
color: "#00bb00", color: "#00bb00",
icon: L.icon({ icon: L.icon({
iconUrl: self.icon, iconUrl: icon,
iconSize: [50, 50], iconSize: [50, 50],
iconAnchor: [25, 50] iconAnchor: [25, 50]
}) })

View file

@ -10,19 +10,20 @@ export class LayerSelection extends UIElement{
constructor(layers: FilteredLayer[]) { constructor(layers: FilteredLayer[]) {
super(undefined); super(undefined);
this._checkboxes = []; this._checkboxes = [];
for (const layer of layers) { for (const layer of layers) {
this._checkboxes.push(new CheckBox( this._checkboxes.push(new CheckBox(
new Combine([ new Combine([
`<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg"> `<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 7.28571L10.8261 15L23 3" stroke="#003B8B" stroke-width="4" stroke-linejoin="round"/> <path d="M3 7.28571L10.8261 15L23 3" stroke="#003B8B" stroke-width="4" stroke-linejoin="round"/>
</svg>`, </svg>`,
`<img width="20" height="20" src="${layer.layerDef.icon}" alt="layer.layerDef.icon">`, `<img width="20" height="20" src="${layer.layerDef.icon}" alt="">`,
layer.layerDef.name]), layer.layerDef.name]),
new Combine([ new Combine([
`<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg"> `<svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 7.28571L10.8261 15L23 3" stroke="#ffffff" stroke-width="4" stroke-linejoin="round"/> <path d="M3 7.28571L10.8261 15L23 3" stroke="#ffffff" stroke-width="4" stroke-linejoin="round"/>
</svg>`, </svg>`,
`<img width="20" height="20" src="${layer.layerDef.icon}" alt="layer.layerDef.icon">`, `<img width="20" height="20" src="${layer.layerDef.icon}" alt="">`,
layer.layerDef.name]), layer.layerDef.name]),
layer.isDisplayed)); layer.isDisplayed));
} }