81 lines
2.6 KiB
TypeScript
81 lines
2.6 KiB
TypeScript
|
import {Layout} from "../Layout";
|
||
|
|
import {LayerDefinition} from "../LayerDefinition";
|
||
|
|
import {Or, Tag} from "../../Logic/TagsFilter";
|
||
|
|
import {TagRenderingOptions} from "../TagRendering";
|
||
|
|
|
||
|
|
|
||
|
|
export class SmoothnessLayer extends LayerDefinition {
|
||
|
|
|
||
|
|
constructor() {
|
||
|
|
super();
|
||
|
|
this.name = "smoothness";
|
||
|
|
this.minzoom = 17;
|
||
|
|
this.overpassFilter = new Or([
|
||
|
|
new Tag("highway", "residential"),
|
||
|
|
new Tag("highway", "cycleway"),
|
||
|
|
new Tag("highway", "footway"),
|
||
|
|
new Tag("highway", "path"),
|
||
|
|
new Tag("highway", "tertiary")
|
||
|
|
]);
|
||
|
|
|
||
|
|
this.elementsToShow = [
|
||
|
|
new TagRenderingOptions({
|
||
|
|
question: "How smooth is this road to rollerskate on",
|
||
|
|
mappings: [
|
||
|
|
{k: new Tag("smoothness","bad"), txt: "It's horrible"},
|
||
|
|
{k: new Tag("smoothness","intermediate"), txt: "It is passable by rollerscate, but only if you have to"},
|
||
|
|
{k: new Tag("smoothness","good"), txt: "Good, but it has some friction or holes"},
|
||
|
|
{k: new Tag("smoothness","very_good"), txt: "Quite good and enjoyable"},
|
||
|
|
{k: new Tag("smoothness","excellent"), txt: "Excellent - this is where you'd want to drive 24/7"},
|
||
|
|
]
|
||
|
|
})
|
||
|
|
]
|
||
|
|
|
||
|
|
this.style = (properties) => {
|
||
|
|
let color = "#000000";
|
||
|
|
if(new Tag("smoothness","bad").matchesProperties(properties)){
|
||
|
|
color = "#ff0000";
|
||
|
|
}
|
||
|
|
if(new Tag("smoothness","intermediate").matchesProperties(properties)){
|
||
|
|
color = "#ffaa00";
|
||
|
|
}
|
||
|
|
if(new Tag("smoothness","good").matchesProperties(properties)){
|
||
|
|
color = "#ccff00";
|
||
|
|
}
|
||
|
|
if(new Tag("smoothness","very_good").matchesProperties(properties)){
|
||
|
|
color = "#00aa00";
|
||
|
|
}
|
||
|
|
if(new Tag("smoothness","excellent").matchesProperties(properties)){
|
||
|
|
color = "#00ff00";
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
color: color,
|
||
|
|
icon: undefined,
|
||
|
|
weight: 8
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
export class Smoothness extends Layout {
|
||
|
|
constructor() {
|
||
|
|
super(
|
||
|
|
"smoothness",
|
||
|
|
["en" ],
|
||
|
|
"Smoothness while rollerskating",
|
||
|
|
[new SmoothnessLayer()],
|
||
|
|
17,
|
||
|
|
51.2,
|
||
|
|
3.2,
|
||
|
|
"Give smoothness feedback for rollerskating"
|
||
|
|
);
|
||
|
|
this.widenFactor = 0.005
|
||
|
|
this.hideFromOverview = true;
|
||
|
|
this.enableAdd = false;
|
||
|
|
}
|
||
|
|
}
|