mapcomplete/Customizations/Layers/DrinkingWater.ts

64 lines
2 KiB
TypeScript
Raw Normal View History

2020-07-16 22:00:23 +02:00
import {LayerDefinition} from "../LayerDefinition";
import {And, Or, Tag} from "../../Logic/TagsFilter";
import {OperatorTag} from "../Questions/OperatorTag";
2020-07-15 14:03:44 +02:00
import * as L from "leaflet";
import FixedText from "../Questions/FixedText";
2020-07-16 22:00:23 +02:00
import {TagRenderingOptions} from "../TagRendering";
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
2020-07-22 17:59:38 +02:00
import Translations from "../../UI/i18n/Translations";
2020-07-15 14:03:44 +02:00
export class DrinkingWater extends LayerDefinition {
2020-07-15 14:03:44 +02:00
constructor() {
super();
2020-07-22 17:59:38 +02:00
this.name = Translations.t.cyclofix.drinking_water.title;
2020-07-20 16:16:22 +02:00
this.icon = "./assets/bike/drinking_water.svg";
2020-07-15 14:03:44 +02:00
this.overpassFilter = new Or([
new And([
new Tag("amenity", "drinking_water")
])
]);
this.newElementTags = [
new Tag("amenity", "drinking_water"),
];
this.maxAllowedOverlapPercentage = 10;
2020-07-22 00:50:30 +02:00
this.wayHandling = LayerDefinition.WAYHANDLING_CENTER_AND_WAY
2020-07-15 14:03:44 +02:00
this.minzoom = 13;
this.style = this.generateStyleFunction();
this.title = new FixedText("Drinking water");
this.elementsToShow = [
new OperatorTag(),
];
this.elementsToShow = [
new ImageCarouselWithUploadConstructor(),
new TagRenderingOptions({
2020-07-15 14:03:44 +02:00
question: "How easy is it to fill water bottles?",
mappings: [
{ k: new Tag("bottle", "yes"), txt: "It is easy to refill water bottles" },
{ k: new Tag("bottle", "no"), txt: "Water bottles may not fit" }
],
})];
}
private generateStyleFunction() {
const self = this;
return function (properties: any) {
return {
color: "#00bb00",
icon: new L.icon({
iconUrl: self.icon,
2020-07-20 16:16:22 +02:00
iconSize: [50, 50],
iconAnchor: [25,50]
2020-07-15 14:03:44 +02:00
})
};
};
}
}