Added bike services layer and questions
This commit is contained in:
parent
19614369ba
commit
7e2904d3c0
13 changed files with 188 additions and 108 deletions
|
@ -10,15 +10,8 @@ export class BikeParkings extends LayerDefinition {
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
this.name = "bike_parking";
|
this.name = "bike_parking";
|
||||||
this.icon = "./assets/bike_pump.svg";
|
this.icon = "./assets/parking.svg";
|
||||||
|
this.overpassFilter = new Tag("amenity", "bicycle_parking");
|
||||||
this.overpassFilter = new Or([
|
|
||||||
new And([
|
|
||||||
new Tag("amenity", "bicycle_parking")
|
|
||||||
])
|
|
||||||
]);
|
|
||||||
|
|
||||||
|
|
||||||
this.newElementTags = [
|
this.newElementTags = [
|
||||||
new Tag("amenity", "bicycle_parking"),
|
new Tag("amenity", "bicycle_parking"),
|
||||||
];
|
];
|
||||||
|
@ -26,7 +19,7 @@ export class BikeParkings extends LayerDefinition {
|
||||||
|
|
||||||
this.minzoom = 13;
|
this.minzoom = 13;
|
||||||
this.style = this.generateStyleFunction();
|
this.style = this.generateStyleFunction();
|
||||||
this.title = new FixedName("fietsparking");
|
this.title = new FixedName("Fietsparking");
|
||||||
this.elementsToShow = [
|
this.elementsToShow = [
|
||||||
new OperatorTag(),
|
new OperatorTag(),
|
||||||
new BikeParkingType()
|
new BikeParkingType()
|
||||||
|
@ -62,7 +55,7 @@ export class BikeParkings extends LayerDefinition {
|
||||||
color: "#00bb00",
|
color: "#00bb00",
|
||||||
icon: new L.icon({
|
icon: new L.icon({
|
||||||
iconUrl: self.icon,
|
iconUrl: self.icon,
|
||||||
iconSize: [40, 40]
|
iconSize: [30, 30]
|
||||||
})
|
})
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,77 +0,0 @@
|
||||||
import {LayerDefinition} from "../LayerDefinition";
|
|
||||||
import {And, Or, Tag} from "../../Logic/TagsFilter";
|
|
||||||
import {OperatorTag} from "../Questions/OperatorTag";
|
|
||||||
import * as L from "leaflet";
|
|
||||||
import { PumpManual } from "../Questions/PumpManual";
|
|
||||||
import FixedName from "../Questions/FixedName";
|
|
||||||
|
|
||||||
export class BikePumps extends LayerDefinition {
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
super();
|
|
||||||
this.name = "pomp";
|
|
||||||
this.icon = "./assets/bike_pump.svg";
|
|
||||||
|
|
||||||
this.overpassFilter = new Or([
|
|
||||||
new And([
|
|
||||||
new Tag("amenity", "compressed_air"),
|
|
||||||
new Tag("bicycle", "yes"),
|
|
||||||
])
|
|
||||||
]
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
this.newElementTags = [
|
|
||||||
new Tag("amenity", "compressed_air"),
|
|
||||||
new Tag("bicycle", "yes"),
|
|
||||||
// new Tag("fixme", "Toegevoegd met MapComplete, geometry nog uit te tekenen")
|
|
||||||
];
|
|
||||||
this.maxAllowedOverlapPercentage = 10;
|
|
||||||
|
|
||||||
this.minzoom = 13;
|
|
||||||
this.style = this.generateStyleFunction();
|
|
||||||
this.title = new FixedName("pomp");
|
|
||||||
this.elementsToShow = [
|
|
||||||
// new NameQuestion(),
|
|
||||||
// new AccessTag(),
|
|
||||||
new OperatorTag(),
|
|
||||||
new PumpManual()
|
|
||||||
];
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
private generateStyleFunction() {
|
|
||||||
const self = this;
|
|
||||||
return function (properties: any) {
|
|
||||||
// let questionSeverity = 0;
|
|
||||||
// for (const qd of self.elementsToShow) {
|
|
||||||
// if (qd.IsQuestioning(properties)) {
|
|
||||||
// questionSeverity = Math.max(questionSeverity, qd.options.priority ?? 0);
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// let colormapping = {
|
|
||||||
// 0: "#00bb00",
|
|
||||||
// 1: "#00ff00",
|
|
||||||
// 10: "#dddd00",
|
|
||||||
// 20: "#ff0000"
|
|
||||||
// };
|
|
||||||
|
|
||||||
// let colour = colormapping[questionSeverity];
|
|
||||||
// while (colour == undefined) {
|
|
||||||
// questionSeverity--;
|
|
||||||
// colour = colormapping[questionSeverity];
|
|
||||||
// }
|
|
||||||
|
|
||||||
return {
|
|
||||||
color: "#00bb00",
|
|
||||||
icon: new L.icon({
|
|
||||||
iconUrl: self.icon,
|
|
||||||
iconSize: [40, 40]
|
|
||||||
})
|
|
||||||
};
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
56
Customizations/Layers/BikeServices.ts
Normal file
56
Customizations/Layers/BikeServices.ts
Normal file
|
@ -0,0 +1,56 @@
|
||||||
|
import {LayerDefinition} from "../LayerDefinition";
|
||||||
|
import {And, Tag} from "../../Logic/TagsFilter";
|
||||||
|
import * as L from "leaflet";
|
||||||
|
import FixedName from "../Questions/FixedName";
|
||||||
|
import BikeStationChain from "../Questions/BikeStationChain";
|
||||||
|
import BikeStationPumpTools from "../Questions/BikeStationPumpTools";
|
||||||
|
import BikeStationStand from "../Questions/BikeStationStand";
|
||||||
|
import PumpManual from "../Questions/PumpManual";
|
||||||
|
import BikeStationOperator from "../Questions/BikeStationOperator";
|
||||||
|
import BikeStationBrand from "../Questions/BikeStationBrand";
|
||||||
|
|
||||||
|
export default class BikeServices extends LayerDefinition {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.name = "bike station or pump";
|
||||||
|
this.icon = "./assets/wrench.svg";
|
||||||
|
|
||||||
|
this.overpassFilter = new And([
|
||||||
|
new Tag("amenity", "bicycle_repair_station")
|
||||||
|
]);
|
||||||
|
|
||||||
|
this.newElementTags = [
|
||||||
|
new Tag("amenity", "bicycle_repair_station")
|
||||||
|
// new Tag("fixme", "Toegevoegd met MapComplete, geometry nog uit te tekenen")
|
||||||
|
];
|
||||||
|
this.maxAllowedOverlapPercentage = 10;
|
||||||
|
|
||||||
|
this.minzoom = 13;
|
||||||
|
this.style = this.generateStyleFunction();
|
||||||
|
this.title = new FixedName("Bike station");
|
||||||
|
this.elementsToShow = [
|
||||||
|
new BikeStationPumpTools(),
|
||||||
|
new BikeStationChain().OnlyShowIf(new Tag("service:bicycle:tools", "yes")),
|
||||||
|
new BikeStationStand().OnlyShowIf(new Tag("service:bicycle:tools", "yes")),
|
||||||
|
new PumpManual().OnlyShowIf(new Tag("service:bicycle:pump", "yes")),
|
||||||
|
new BikeStationOperator(),
|
||||||
|
new BikeStationBrand()
|
||||||
|
];
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
private generateStyleFunction() {
|
||||||
|
const self = this;
|
||||||
|
return function (properties: any) {
|
||||||
|
const onlyPump = properties["service:bicycle:tools"] == "no" && properties["service:bicycle:pump"] == "yes";
|
||||||
|
const iconUrl = onlyPump ? "./assets/pump.svg" : "./assets/wrench.svg"
|
||||||
|
return {
|
||||||
|
color: "#00bb00",
|
||||||
|
icon: new L.icon({
|
||||||
|
iconUrl: iconUrl,
|
||||||
|
iconSize: [40, 40]
|
||||||
|
})
|
||||||
|
};
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,17 +1,17 @@
|
||||||
import {Layout} from "../Layout";
|
import {Layout} from "../Layout";
|
||||||
import {GrbToFix} from "../Layers/GrbToFix";
|
import {GrbToFix} from "../Layers/GrbToFix";
|
||||||
import { BikePumps } from "../Layers/BikePumps";
|
|
||||||
import { BikeParkings } from "../Layers/BikeParkings";
|
import { BikeParkings } from "../Layers/BikeParkings";
|
||||||
|
import BikeServices from "../Layers/BikeServices";
|
||||||
|
|
||||||
export default class Cyclofix extends Layout {
|
export default class Cyclofix extends Layout {
|
||||||
constructor() {
|
constructor() {
|
||||||
super(
|
super(
|
||||||
"pomp",
|
"pomp",
|
||||||
"Grb import fix tool",
|
"Cyclofix bicycle infrastructure",
|
||||||
[new BikePumps(), new BikeParkings()],
|
[new BikeParkings(), new BikeServices()],
|
||||||
15,
|
16,
|
||||||
51.2083,
|
50.8465573,
|
||||||
3.2279,
|
4.3516970,
|
||||||
|
|
||||||
|
|
||||||
"<h3>Cyclofix bicycle infrastructure</h3>\n" +
|
"<h3>Cyclofix bicycle infrastructure</h3>\n" +
|
||||||
|
|
|
@ -3,8 +3,6 @@ import {Tag} from "../../Logic/TagsFilter";
|
||||||
|
|
||||||
|
|
||||||
export class BikeParkingType extends TagRenderingOptions {
|
export class BikeParkingType extends TagRenderingOptions {
|
||||||
|
|
||||||
|
|
||||||
private static options = {
|
private static options = {
|
||||||
priority: 5,
|
priority: 5,
|
||||||
question: "Van welk type is deze fietsenparking?",
|
question: "Van welk type is deze fietsenparking?",
|
||||||
|
@ -27,5 +25,4 @@ export class BikeParkingType extends TagRenderingOptions {
|
||||||
constructor() {
|
constructor() {
|
||||||
super(BikeParkingType.options);
|
super(BikeParkingType.options);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
|
||||||
|
|
22
Customizations/Questions/BikeStationBrand.ts
Normal file
22
Customizations/Questions/BikeStationBrand.ts
Normal file
|
@ -0,0 +1,22 @@
|
||||||
|
import {TagRenderingOptions} from "../TagRendering";
|
||||||
|
import {Tag} from "../../Logic/TagsFilter";
|
||||||
|
|
||||||
|
export default class BikeStationBrand extends TagRenderingOptions {
|
||||||
|
private static options = {
|
||||||
|
priority: 15,
|
||||||
|
question: "What is the brand of this bike station (name of university, shop, city...)?",
|
||||||
|
freeform: {
|
||||||
|
key: "brand",
|
||||||
|
template: "The brand of this bike station is $$$",
|
||||||
|
renderTemplate: "The brand of this bike station is {operator}",
|
||||||
|
placeholder: "brand"
|
||||||
|
},
|
||||||
|
mappings: [
|
||||||
|
{k: new Tag("brand", "Velo Fix Station"), txt: "Velo Fix Station"}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super(BikeStationBrand.options);
|
||||||
|
}
|
||||||
|
}
|
18
Customizations/Questions/BikeStationChain.ts
Normal file
18
Customizations/Questions/BikeStationChain.ts
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
import {TagRenderingOptions} from "../TagRendering";
|
||||||
|
import {Tag} from "../../Logic/TagsFilter";
|
||||||
|
|
||||||
|
|
||||||
|
export default class BikeStationChain extends TagRenderingOptions {
|
||||||
|
private static options = {
|
||||||
|
priority: 5,
|
||||||
|
question: "Does this bike station have a special tool to repair your bike chain?",
|
||||||
|
mappings: [
|
||||||
|
{k: new Tag("service:bicycle:chain_tool", "yes"), txt: "There is a chain tool."},
|
||||||
|
{k: new Tag("service:bicycle:chain_tool", "no"), txt: "There is no chain tool."},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super(BikeStationChain.options);
|
||||||
|
}
|
||||||
|
}
|
25
Customizations/Questions/BikeStationOperator.ts
Normal file
25
Customizations/Questions/BikeStationOperator.ts
Normal file
|
@ -0,0 +1,25 @@
|
||||||
|
import {TagRenderingOptions} from "../TagRendering";
|
||||||
|
import {Tag} from "../../Logic/TagsFilter";
|
||||||
|
|
||||||
|
export default class BikeStationOperator extends TagRenderingOptions {
|
||||||
|
private static options = {
|
||||||
|
priority: 15,
|
||||||
|
question: "Who operates this bike station (name of university, shop, city...)?",
|
||||||
|
freeform: {
|
||||||
|
key: "operator",
|
||||||
|
template: "This bike station is operated by $$$",
|
||||||
|
renderTemplate: "This bike station is operated by {operator}",
|
||||||
|
placeholder: "organisatie"
|
||||||
|
},
|
||||||
|
mappings: [
|
||||||
|
{k: new Tag("operator", "KU Leuven"), txt: "KU Leuven"},
|
||||||
|
{k: new Tag("operator", "Stad Halle"), txt: "Stad Halle"},
|
||||||
|
{k: new Tag("operator", "Saint Gilles - Sint Gillis"), txt: "Saint Gilles - Sint Gillis"},
|
||||||
|
{k: new Tag("operator", "private"), txt: "Beheer door een privépersoon"}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super(BikeStationOperator.options);
|
||||||
|
}
|
||||||
|
}
|
19
Customizations/Questions/BikeStationPumpTools.ts
Normal file
19
Customizations/Questions/BikeStationPumpTools.ts
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
import {TagRenderingOptions} from "../TagRendering";
|
||||||
|
import {Tag, And} from "../../Logic/TagsFilter";
|
||||||
|
|
||||||
|
|
||||||
|
export default class BikeStationPumpTools extends TagRenderingOptions {
|
||||||
|
private static options = {
|
||||||
|
priority: 15,
|
||||||
|
question: "Which services are available at this bike station?",
|
||||||
|
mappings: [
|
||||||
|
{k: new And([new Tag("service:bicycle:tools", "no"), new Tag("service:bicycle:pump", "yes")]), txt: "There is only a pump available."},
|
||||||
|
{k: new And([new Tag("service:bicycle:tools", "yes"), new Tag("service:bicycle:pump", "no")]), txt: "There are only tools (screwdrivers, pliers...) available."},
|
||||||
|
{k: new And([new Tag("service:bicycle:tools", "yes"), new Tag("service:bicycle:pump", "yes")]), txt: "There are both tools and a pump available."}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super(BikeStationPumpTools.options);
|
||||||
|
}
|
||||||
|
}
|
18
Customizations/Questions/BikeStationStand.ts
Normal file
18
Customizations/Questions/BikeStationStand.ts
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
import {TagRenderingOptions} from "../TagRendering";
|
||||||
|
import {Tag} from "../../Logic/TagsFilter";
|
||||||
|
|
||||||
|
|
||||||
|
export default class BikeStationStand extends TagRenderingOptions {
|
||||||
|
private static options = {
|
||||||
|
priority: 10,
|
||||||
|
question: "Does this bike station have a hook to suspend your bike with or a stand to elevate it?",
|
||||||
|
mappings: [
|
||||||
|
{k: new Tag("service:bicycle:stand", "yes"), txt: "There is a hook or stand."},
|
||||||
|
{k: new Tag("service:bicycle:stand", "no"), txt: "There is no hook or stand"},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super(BikeStationStand.options);
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,23 +1,18 @@
|
||||||
import {TagRenderingOptions} from "../TagRendering";
|
import {TagRenderingOptions} from "../TagRendering";
|
||||||
import {UIEventSource} from "../../UI/UIEventSource";
|
|
||||||
import {Changes} from "../../Logic/Changes";
|
|
||||||
import {Tag} from "../../Logic/TagsFilter";
|
import {Tag} from "../../Logic/TagsFilter";
|
||||||
|
|
||||||
|
|
||||||
export class PumpManual extends TagRenderingOptions {
|
export default class PumpManual extends TagRenderingOptions {
|
||||||
|
|
||||||
|
|
||||||
private static options = {
|
private static options = {
|
||||||
priority: 5,
|
priority: 5,
|
||||||
question: "Is dit een manuele pomp?",
|
question: "Is the pump at this bike station manual or automatic (compressed air)?",
|
||||||
mappings: [
|
mappings: [
|
||||||
{k: new Tag("manual", "yes"), txt: "Manuele pomp"},
|
{k: new Tag("manual", "yes"), txt: "Manual"},
|
||||||
{k: new Tag("manual", "no"), txt: "Automatische pomp"}
|
{k: new Tag("manual", "no"), txt: "Automatic (with compressed air)"}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
super(PumpManual.options);
|
super(PumpManual.options);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
|
||||||
|
|
7
assets/parking.svg
Normal file
7
assets/parking.svg
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
|
||||||
|
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
|
||||||
|
<g><path d="M500,10C229.4,10,10,229.4,10,500s219.4,490,490,490s490-219.4,490-490S770.6,10,500,10z M500,941C256.4,941,59,743.6,59,500S256.4,59,500,59s441,197.4,441,441S743.6,941,500,941z"/><path d="M296.4,831.8V215.3h196.5c73.9,0,113.9,3.8,136.3,9.8c34.5,9,64.4,30.6,87.6,60.8c23.3,30.2,33.9,72.4,33.9,120.2c0,36.9-6.7,74.7-20.1,99.9c-13.4,25.2-30.4,47.2-51.1,61.6c-20.7,14.4-41.7,23.9-63,28.5c-29,5.7-62.9,8.6-117.9,8.6h-87.1v227H296.4z M411.6,311.9v194.2H493c50.8,1.1,79.9-3.1,96-9.4c16.1-6.3,28.8-21.8,38-35.3c9.2-13.4,13.8-35.7,13.8-53.5c0-21.9-6.4-51-19.3-65.2c-12.9-14.2-29.1-23.1-48.8-26.7c-14.5-2.7-43.6-4.1-87.4-4.1L411.6,311.9L411.6,311.9L411.6,311.9z"/></g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.1 KiB |
7
assets/wrench.svg
Normal file
7
assets/wrench.svg
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 -256 1792 1792"><script xmlns="" id="__gaOptOutExtension"/>
|
||||||
|
<g transform="matrix(1,0,0,-1,53.152542,1217.0847)">
|
||||||
|
<path d="m 384,64 q 0,26 -19,45 -19,19 -45,19 -26,0 -45,-19 -19,-19 -19,-45 0,-26 19,-45 19,-19 45,-19 26,0 45,19 19,19 19,45 z m 644,420 -682,-682 q -37,-37 -90,-37 -52,0 -91,37 L 59,-90 Q 21,-54 21,0 21,53 59,91 L 740,772 Q 779,674 854.5,598.5 930,523 1028,484 z m 634,435 q 0,-39 -23,-106 Q 1592,679 1474.5,595.5 1357,512 1216,512 1031,512 899.5,643.5 768,775 768,960 q 0,185 131.5,316.5 131.5,131.5 316.5,131.5 58,0 121.5,-16.5 63.5,-16.5 107.5,-46.5 16,-11 16,-28 0,-17 -16,-28 L 1152,1120 V 896 l 193,-107 q 5,3 79,48.5 74,45.5 135.5,81 61.5,35.5 70.5,35.5 15,0 23.5,-10 8.5,-10 8.5,-25 z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 972 B |
Loading…
Reference in a new issue