mapcomplete/Customizations/Layers/BikeParkings.ts

59 lines
2.1 KiB
TypeScript
Raw Normal View History

import {LayerDefinition} from "../LayerDefinition";
import {And, Or, Tag} from "../../Logic/TagsFilter";
import {OperatorTag} from "../Questions/OperatorTag";
import * as L from "leaflet";
import FixedText from "../Questions/FixedText";
2020-07-16 15:56:10 +02:00
import ParkingType from "../Questions/bike/ParkingType";
2020-07-16 09:54:32 +02:00
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
2020-07-20 23:43:42 +02:00
import BikeStationOperator from "../Questions/bike/StationOperator";
import Translations from "../../UI/i18n/Translations";
import ParkingOperator from "../Questions/bike/ParkingOperator";
2020-07-23 17:32:18 +02:00
import {TagRenderingOptions} from "../TagRendering";
2020-07-16 15:56:10 +02:00
export default class BikeParkings extends LayerDefinition {
constructor() {
super();
2020-07-21 23:31:41 +02:00
this.name = Translations.t.cyclofix.parking.name;
2020-07-16 15:56:10 +02:00
this.icon = "./assets/bike/parking.svg";
this.overpassFilter = new Tag("amenity", "bicycle_parking");
this.newElementTags = [
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 = [
2020-07-16 09:54:32 +02:00
new ImageCarouselWithUploadConstructor(),
2020-07-20 23:43:42 +02:00
//new ParkingOperator(),
2020-07-23 17:32:18 +02:00
new ParkingType(),
new TagRenderingOptions({
question: "How many bicycles fit in this bicycle parking?",
freeform: {
key: "capacity",
renderTemplate: "Place for {capacity} bikes",
template: "$nat$ bikes fit in here"
}
})
];
2020-07-22 00:50:30 +02:00
this.wayHandling = LayerDefinition.WAYHANDLING_CENTER_AND_WAY;
}
private generateStyleFunction() {
const self = this;
return function (properties: any) {
return {
color: "#00bb00",
2020-07-16 15:56:10 +02:00
icon: L.icon({
iconUrl: self.icon,
2020-07-20 16:16:22 +02:00
iconSize: [50, 50],
iconAnchor: [25,50]
})
};
};
}
2020-07-16 15:56:10 +02:00
}