import {LayerDefinition} from "../LayerDefinition"; import {And, Or, Tag, TagsFilter} from "../../Logic/TagsFilter"; import {OperatorTag} from "../Questions/OperatorTag"; import FixedText from "../Questions/FixedText"; import ParkingType from "../Questions/bike/ParkingType"; import ParkingCapacity from "../Questions/bike/ParkingCapacity"; import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload"; import Translations from "../../UI/i18n/Translations"; import ParkingOperator from "../Questions/bike/ParkingOperator"; import ParkingAccessCargo from "../Questions/bike/ParkingAccessCargo"; import ParkingCapacityCargo from "../Questions/bike/ParkingCapacityCargo"; export default class BikeParkings extends LayerDefinition { private readonly accessCargoDesignated = new Tag("cargo_bike", "designated"); constructor() { super(); this.name = Translations.t.cyclofix.parking.name; this.icon = "./assets/bike/parking.svg"; this.overpassFilter = new Tag("amenity", "bicycle_parking"); this.presets = [{ title: Translations.t.cyclofix.parking.title, tags: [ new Tag("amenity", "bicycle_parking"), ] }]; this.maxAllowedOverlapPercentage = 10; this.minzoom = 13; this.style = this.generateStyleFunction(); this.title = new FixedText(Translations.t.cyclofix.parking.title) this.elementsToShow = [ new ImageCarouselWithUploadConstructor(), //new ParkingOperator(), new ParkingType(), new ParkingCapacity(), new ParkingAccessCargo(), new ParkingCapacityCargo().OnlyShowIf(this.accessCargoDesignated) ]; this.wayHandling = LayerDefinition.WAYHANDLING_CENTER_AND_WAY; } private generateStyleFunction() { const self = this; return function (properties: any) { return { color: "#00bb00", icon: { iconUrl: self.icon, iconSize: [50, 50], iconAnchor: [25,50] } }; }; } }