UX: change colours of footways, cycleways and paths; fix #2085
This commit is contained in:
parent
277d3d0754
commit
630372202f
3 changed files with 313 additions and 14 deletions
|
@ -1731,6 +1731,98 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_footway",
|
||||
"type": "line",
|
||||
"source": "protomaps",
|
||||
"source-layer": "roads",
|
||||
"filter": [
|
||||
"all",
|
||||
[
|
||||
"==",
|
||||
"pmap:level",
|
||||
0
|
||||
],
|
||||
[
|
||||
"in",
|
||||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"==",
|
||||
"pmap:kind_detail",
|
||||
"footway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#d46710",
|
||||
"line-dasharray": [
|
||||
3,
|
||||
1
|
||||
],
|
||||
"line-width": [
|
||||
"interpolate",
|
||||
[
|
||||
"exponential",
|
||||
1.6
|
||||
],
|
||||
[
|
||||
"zoom"
|
||||
],
|
||||
14,
|
||||
0,
|
||||
20,
|
||||
7
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_cycleway",
|
||||
"type": "line",
|
||||
"source": "protomaps",
|
||||
"source-layer": "roads",
|
||||
"filter": [
|
||||
"all",
|
||||
[
|
||||
"==",
|
||||
"pmap:level",
|
||||
0
|
||||
],
|
||||
[
|
||||
"in",
|
||||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"==",
|
||||
"pmap:kind_detail",
|
||||
"cycleway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#6099c9",
|
||||
"line-dasharray": [
|
||||
3,
|
||||
1
|
||||
],
|
||||
"line-width": [
|
||||
"interpolate",
|
||||
[
|
||||
"exponential",
|
||||
1.6
|
||||
],
|
||||
[
|
||||
"zoom"
|
||||
],
|
||||
14,
|
||||
0,
|
||||
20,
|
||||
7
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_other",
|
||||
"type": "line",
|
||||
|
@ -1748,10 +1840,20 @@
|
|||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"!=",
|
||||
"pmap:kind_detail",
|
||||
"cycleway"
|
||||
],
|
||||
[
|
||||
"!=",
|
||||
"pmap:kind_detail",
|
||||
"footway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#ebebeb",
|
||||
"line-color": "#cbbbab",
|
||||
"line-dasharray": [
|
||||
3,
|
||||
1
|
||||
|
@ -2966,6 +3068,53 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_bridges_cycleway_other",
|
||||
"type": "line",
|
||||
"source": "protomaps",
|
||||
"source-layer": "roads",
|
||||
"minzoom": 12,
|
||||
"filter": [
|
||||
"all",
|
||||
[
|
||||
">",
|
||||
"pmap:level",
|
||||
0
|
||||
],
|
||||
[
|
||||
"in",
|
||||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"==",
|
||||
"pmap:kind_detail",
|
||||
"cycleway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#1069c9",
|
||||
"line-dasharray": [
|
||||
2,
|
||||
1
|
||||
],
|
||||
"line-width": [
|
||||
"interpolate",
|
||||
[
|
||||
"exponential",
|
||||
1.6
|
||||
],
|
||||
[
|
||||
"zoom"
|
||||
],
|
||||
14,
|
||||
0,
|
||||
20,
|
||||
7
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_bridges_other",
|
||||
"type": "line",
|
||||
|
|
|
@ -579,13 +579,14 @@
|
|||
0
|
||||
]
|
||||
],
|
||||
"layout": {
|
||||
"line-cap": "round"
|
||||
"layout": {
|
||||
"line-cap": "round"
|
||||
},
|
||||
"paint": {
|
||||
"line-color": "#85c2e9",
|
||||
"line-dasharray": [
|
||||
0.75,1.75
|
||||
0.75,
|
||||
1.75
|
||||
],
|
||||
"line-width": [
|
||||
"interpolate",
|
||||
|
@ -1729,6 +1730,98 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_footway",
|
||||
"type": "line",
|
||||
"source": "protomaps",
|
||||
"source-layer": "roads",
|
||||
"filter": [
|
||||
"all",
|
||||
[
|
||||
"==",
|
||||
"pmap:level",
|
||||
0
|
||||
],
|
||||
[
|
||||
"in",
|
||||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"==",
|
||||
"pmap:kind_detail",
|
||||
"footway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#d46710",
|
||||
"line-dasharray": [
|
||||
3,
|
||||
1
|
||||
],
|
||||
"line-width": [
|
||||
"interpolate",
|
||||
[
|
||||
"exponential",
|
||||
1.6
|
||||
],
|
||||
[
|
||||
"zoom"
|
||||
],
|
||||
14,
|
||||
0,
|
||||
20,
|
||||
7
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_cycleway",
|
||||
"type": "line",
|
||||
"source": "protomaps",
|
||||
"source-layer": "roads",
|
||||
"filter": [
|
||||
"all",
|
||||
[
|
||||
"==",
|
||||
"pmap:level",
|
||||
0
|
||||
],
|
||||
[
|
||||
"in",
|
||||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"==",
|
||||
"pmap:kind_detail",
|
||||
"cycleway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#6099c9",
|
||||
"line-dasharray": [
|
||||
3,
|
||||
1
|
||||
],
|
||||
"line-width": [
|
||||
"interpolate",
|
||||
[
|
||||
"exponential",
|
||||
1.6
|
||||
],
|
||||
[
|
||||
"zoom"
|
||||
],
|
||||
14,
|
||||
0,
|
||||
20,
|
||||
7
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_other",
|
||||
"type": "line",
|
||||
|
@ -1746,10 +1839,20 @@
|
|||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"!=",
|
||||
"pmap:kind_detail",
|
||||
"cycleway"
|
||||
],
|
||||
[
|
||||
"!=",
|
||||
"pmap:kind_detail",
|
||||
"footway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#ebebeb",
|
||||
"line-color": "#cbbbab",
|
||||
"line-dasharray": [
|
||||
3,
|
||||
1
|
||||
|
@ -2719,7 +2822,6 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"id": "roads_bridges_highway",
|
||||
"type": "line",
|
||||
|
@ -2776,9 +2878,7 @@
|
|||
13
|
||||
]
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
{
|
||||
"id": "roads_bridges_minor",
|
||||
"type": "line",
|
||||
|
@ -2873,7 +2973,6 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"id": "roads_bridges_medium",
|
||||
"type": "line",
|
||||
|
@ -2915,7 +3014,7 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
{
|
||||
"id": "roads_bridges_major",
|
||||
"type": "line",
|
||||
"source": "protomaps",
|
||||
|
@ -2968,7 +3067,53 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"id": "roads_bridges_cycleway_other",
|
||||
"type": "line",
|
||||
"source": "protomaps",
|
||||
"source-layer": "roads",
|
||||
"minzoom": 12,
|
||||
"filter": [
|
||||
"all",
|
||||
[
|
||||
">",
|
||||
"pmap:level",
|
||||
0
|
||||
],
|
||||
[
|
||||
"in",
|
||||
"pmap:kind",
|
||||
"other",
|
||||
"path"
|
||||
],
|
||||
[
|
||||
"==",
|
||||
"pmap:kind_detail",
|
||||
"cycleway"
|
||||
]
|
||||
],
|
||||
"paint": {
|
||||
"line-color": "#1069c9",
|
||||
"line-dasharray": [
|
||||
2,
|
||||
1
|
||||
],
|
||||
"line-width": [
|
||||
"interpolate",
|
||||
[
|
||||
"exponential",
|
||||
1.6
|
||||
],
|
||||
[
|
||||
"zoom"
|
||||
],
|
||||
14,
|
||||
0,
|
||||
20,
|
||||
7
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "roads_bridges_other",
|
||||
"type": "line",
|
||||
|
@ -3011,7 +3156,6 @@
|
|||
]
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"id": "physical_line_waterway_label",
|
||||
"type": "symbol",
|
||||
|
|
|
@ -7,14 +7,20 @@ export class GenerateSunnyUnlabeled extends Script {
|
|||
super("Generates 'sunny-unlabeled.json' based on sunny.json")
|
||||
}
|
||||
|
||||
async main(args: string[]): Promise<void> {
|
||||
|
||||
generateUnlabeled() {
|
||||
const unlabeled = { "#": "AUTOMATICALLY GENERATED! Do not edit.", ...sunny }
|
||||
unlabeled.name = unlabeled.name + "-unlabeled"
|
||||
unlabeled.layers = sunny.layers.filter(
|
||||
(l) => l.type !== "symbol" || !l.layout["text-field"]
|
||||
(l) => l.type !== "symbol" || !l.layout["text-field"],
|
||||
)
|
||||
writeFileSync("public/assets/sunny-unlabeled.json", JSON.stringify(unlabeled, null, " "))
|
||||
}
|
||||
|
||||
|
||||
async main(args: string[]): Promise<void> {
|
||||
this.generateUnlabeled()
|
||||
}
|
||||
}
|
||||
|
||||
new GenerateSunnyUnlabeled().run()
|
||||
|
|
Loading…
Reference in a new issue