62 lines
2 KiB
TypeScript
62 lines
2 KiB
TypeScript
import {LayerDefinition} from "../LayerDefinition";
|
|
import {And, Or, Tag} from "../../Logic/Tags";
|
|
import {OperatorTag} from "../Questions/OperatorTag";
|
|
import FixedText from "../Questions/FixedText";
|
|
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
|
|
import Translations from "../../UI/i18n/Translations";
|
|
import {TagRenderingOptions} from "../TagRenderingOptions";
|
|
|
|
export class DrinkingWater extends LayerDefinition {
|
|
|
|
constructor() {
|
|
super("drinkingwater");
|
|
this.name = Translations.t.cyclofix.drinking_water.title;
|
|
this.icon = "./assets/bike/drinking_water.svg";
|
|
|
|
this.overpassFilter = new Or([
|
|
new And([
|
|
new Tag("amenity", "drinking_water")
|
|
])
|
|
]);
|
|
|
|
|
|
this.presets = [{
|
|
title: Translations.t.cyclofix.drinking_water.title,
|
|
tags: [new Tag("amenity", "drinking_water")]
|
|
}];
|
|
this.maxAllowedOverlapPercentage = 10;
|
|
this.wayHandling = LayerDefinition.WAYHANDLING_CENTER_AND_WAY
|
|
|
|
this.minzoom = 13;
|
|
this.style = DrinkingWater.generateStyleFunction();
|
|
this.title = new FixedText("Drinking water");
|
|
this.elementsToShow = [
|
|
new OperatorTag(),
|
|
];
|
|
this.elementsToShow = [
|
|
new ImageCarouselWithUploadConstructor(),
|
|
new TagRenderingOptions({
|
|
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 static generateStyleFunction() {
|
|
return function () {
|
|
return {
|
|
color: "#00bb00",
|
|
icon: {
|
|
iconUrl: "./assets/bike/drinking_water.svg",
|
|
iconSize: [50, 50],
|
|
iconAnchor: [25,50]
|
|
}
|
|
};
|
|
};
|
|
}
|
|
|
|
} |