rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

GL-Style: Landbedeckung nach Klasse (Wald/Wiese/Moor unterscheidbar)

Browse source 
landcover-Fill per match(class): Wald (wood) dunkler Grün, Wiese (grass) heller,
Moor/Feuchtgebiet (wetland) eigene teal-grüne Farbe (Ufer-/Moorzonen), Farmland/Sand abgesetzt.
Vorher flach einfarbig → Wald nicht von Wiese unterscheidbar.
This commit is contained in:
rene 2026-06-05 11:53:14 +02:00
parent cc1fdb00b1
commit 04b2d8aeb8
6 changed files with 25 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

10
backend/static/js/map-gl-style.js
View file

@ -11,12 +11,14 @@
var THEMES = {
light: {
bg: '#f2efe8', land: '#cbe3a8', park: '#aedd88', water: '#7fbbe8',
forest: '#8fc36a', grass: '#cdeaa6', wetland: '#9ed2bc', farmland: '#e7eecb', sand: '#efe6c8',
road: '#ffffff', roadCasing: '#cdbfa9', building: '#e6d8bf',
buildingLine: '#cdbb9c', boundary: '#a06ec0', path: '#b08160', rail: '#9a9aa2',
label: '#2a2823', roadLabel: '#574f43', waterLabel: '#2f6aa0', poiLabel: '#4a4236', labelHalo: 'rgba(255,255,255,0.95)',
},
dark: {
bg: '#1a1d21', land: '#252e1d', park: '#2c3c1f', water: '#163242',
forest: '#31481f', grass: '#26361a', wetland: '#264039', farmland: '#222b18', sand: '#332f1f',
road: '#444a52', roadCasing: '#23282d', building: '#2a2f35',
buildingLine: '#373d44', boundary: '#8a63a0', path: '#6b5d52', rail: '#5e5e68',
label: '#e2e5e9', roadLabel: '#a6acb3', waterLabel: '#7db0dd', poiLabel: '#c3b9a8', labelHalo: 'rgba(0,0,0,0.85)',
@ -38,8 +40,14 @@
},
layers: [
{ id: 'bg', type: 'background', paint: { 'background-color': t.bg } },
// Landbedeckung nach Klasse: Wald dunkler, Wiese heller, Moor/Feuchtgebiet eigen.
{ id: 'landcover', type: 'fill', source: 'by', 'source-layer': 'landcover',
paint: { 'fill-color': t.land, 'fill-opacity': 0.8 } },
paint: {
'fill-color': ['match', ['get', 'class'],
'wood', t.forest, 'grass', t.grass, 'wetland', t.wetland,
'farmland', t.farmland, 'sand', t.sand, t.land],
'fill-opacity': 0.85,
} },
{ id: 'park', type: 'fill', source: 'by', 'source-layer': 'park',
paint: { 'fill-color': t.park, 'fill-opacity': 0.75 } },
{ id: 'water', type: 'fill', source: 'by', 'source-layer': 'water',