Beispiele für Klassifikationen

Beispiel WFS Dienst Wasserschutzgebiete: Das folgende Beispiel zeigt das CSS für den Layer wasser_wasserschutzgebiete:TWSG_fuer_Grundwasser_und_Uferfiltrat des WFS Dienstes https://geoportal.umwelt.sachsen.de/arcgis/services/wasser/wasserschutzgebiete/MapServer/WFSServer? Hinweis: Das Filtern eines WFS Iwan7 Dienstes ist im Moment über den Daten-Browser möglich.

single-choice {
    [ZONE === "I"] {  
        polygon {
            fill-color: RGBA(255, 0, 0, 1);
            fill-pattern: solid;            
        }
    }
    [ZONE === "II"] {
        polygon {
            fill-color: RGBA(0, 224, 156, 1);
            fill-pattern: solid;
        }
    }
    [ZONE === "III"] {
        polygon {
            fill-color: RGBA(196, 253, 193, 1);
            fill-pattern: solid;
        }
    }
    polygon {
        border-line:
        {
            line-width: 1px;
            line-color: RGBA(0, 0, 0, 1);
            line-join: round;
            line-cap: round;
        };
    }
}

map_legend {
    
    {
        label: "I";
        scale-factor: 0.5;
        geometry-type: polygon;
        data: ZONE = "I";
    }
    {
        label: "II";
        scale-factor: 0.5;
        geometry-type: polygon;
        data: ZONE = "II";
    }
    {
        label: "III";
        scale-factor: 0.5;
        geometry-type: polygon;
        data: ZONE = "III";
    }    
    {
        label: "Standard Symbol";
        scale-factor: 0.5;
        geometry-type: polygon;
        data: ZONE = "Diese Zeichenkette darf niemals als Spaltenwert in der Datenbank vorkommen";
    }
}
Im folgenden Beispiel wurde mittels CSS ein Wertebereich für Bevölkerungszahlen definiert. Der Wertebereich kann entsprechend angepasst werden. (B2025_15_65 wäre der Anteil der Bevölkerung im Alter zwischen 15-65 im Jahr 2025.)
single-choice {
            [(B2025_15_65 >== 2500) and (B2025_15_65 <== 2800)] {
                polygon {
                    fill-color: red;
                    fill-pattern: solid;
                }
            }
        
            [(B2025_15_65 >== 2801) and (B2025_15_65 <== 3100)] {
                polygon {
                    fill-color: orange;
                    fill-pattern: solid;
                }
            }
        
            [(B2025_15_65 >== 3101) and (B2025_15_65 <== 3500)] {
                polygon {
                    fill-color: green;
                    fill-pattern: solid;
                }
            }             
        }
        
        map_legend {
            {
                label: "2500 bis 2800";
                scale-factor: 0.5;
                geometry-type: polygon;
                data: B2025_15_65 = 2660;
            }
        
            {
                label: "2801 bis 3100";
                scale-factor: 0.5;
                geometry-type: polygon;
                data: B2025_15_65 = 2980;
            }
        
            {
                label: "3101 bis 3500";
                scale-factor: 0.5;
                geometry-type: polygon;
                data: B2025_15_65 = 3300;
            }        
            
        }
Im folgenden Beispiel wird ein Farbverlauf für die Flächen dargestellt. Hierbei handelt es sich um einen linearen Farbverlauf. Anfangspunkt und Endpunkt müssen angegeben werden. Die Legende dazu wird nicht automatisch generiert, d.h. Sie müssen diese selber definieren. Alternativ kann für die Ebene auch ein Bild hinterlegt werden.
polygon {
        fill-color: [NumericColorLookup(B2025_15_65,"linear-gradient(yellow 1000, orange 5500, red 7500.0)")];
        fill-pattern: solid;
            border-line:
            {
                line-width: 1px;
                line-color: RGB(170,86,0);
                line-join: round;
                line-cap: round;
            };
}

map_legend {
	{
		label: "unter 2000 EW";
		scale-factor: 1;
		geometry-type: polygon;
		data: B2025_15_65 = 1000;
	}

	{
		label: "2000 - 6000 EW";
		scale-factor: 1;
		geometry-type: polygon;
		data: B2025_15_65 = 4500;
	}

	{
		label: "über 6000 EW";
		scale-factor: 1;
		geometry-type: polygon;
		data: B2025_15_65 = 6000;
	}
}

Zuletzt geändert: 24.01.2023 15:27:38 (erstmals erstellt 27.02.2020)