Beispiele für Flächen

Das Beispiel zeigt ein einfaches Polygon ohne Füllung.

polygon {
    fill-pattern: none;
    border-line:
    {
        line-width: 5px;	
        line-color: red;
        line-join: miter;
        line-miter-limit: 10px;		
    };
}
Das Beispiel zeigt ein einfaches Polygon mit Füllung.
polygon {
    fill-pattern: solid;
    fill-color: green;            
}
Das Beispiel zeigt ein Polygon mit einfarbiger Füllung und unterschiedlichen Umrandungslinien.
polygon {
    fill-pattern: solid;
    fill-color: RGB(150, 150, 150);
    outer-border-line:
    {
        line-width: 7px;
        line-color: red;
        line-join: round;
        line-cap: flat;
        line-dash-style: dash_dot_dot;
    };
    inner-border-line:
    {
        line-width: 7px;
        line-color: blue;
        line-join: round;
        line-cap: flat;
        line-dash-style: custom;
        line-dash-pattern: 16px, 8px;
    };
}
Das Beispiel zeigt ein Polygon mit einer Schraffur.
polygon {
            fill-pattern: hatch_style_diagonal_cross;
            distance-between-pattern-lines: 20px;
            pattern-lines-width: 2px;
            fill-color: RGB(255, 0, 0);
            fill-color-opacity: 1.0;
            background-color: RGB(200, 200, 200);
            border-line:
            {
                line-width: 5px;
                line-color: green;
                line-join: round;
            };
        }
Das Beispiel zeigt ein Polygon mit Schraffurverschiebung.
polygon {
    roteLinie {
        fill-pattern: hatch_style_backward_diagonal;
        distance-between-pattern-lines: 40px;
        pattern-lines-width: 3px;
        fill-color: RGB(255, 0, 0);
        background-color: RGB(200, 200, 200);
    }
    blaueLinie {
        fill-pattern: hatch_style_backward_diagonal;
        distance-between-pattern-lines: 40px;
        pattern-lines-width: 2px;
        fill-pattern-texture-displacement-x: 10px;		
        fill-pattern-texture-displacement-y: 0px;			
        fill-color: RGB(0, 0, 255);			
        border-line:
        {
            line-width: 5px;
            line-color: green;
            line-join: round;
        };
    }
}
Das Beispiel zeigt ein Polygon, das mit einem benutzerdefiniertem Pixelmuster gefüllt ist.
polygon {
            fill-pattern: custom;
            fill-color: RGB(255, 0, 0);
            background-color: RGB(200, 200, 200);
            custom-fill-pattern-width: 8;
            custom-fill-pattern-height: 8;
            custom-fill-pattern: 
                0, 0, 0, 0, 1, 1, 1, 1,
                0, 0, 0, 0, 1, 1, 1, 1,
                0, 0, 0, 0, 1, 1, 1, 1,
                0, 0, 0, 0, 1, 1, 1, 1,
                1, 1, 1, 1, 0, 0, 0, 0,
                1, 1, 1, 1, 0, 0, 0, 0,
                1, 1, 1, 1, 0, 0, 0, 0,
                1, 1, 1, 1, 0, 0, 0, 0;
            fill-pattern-texture-opacity: 0.5;
        }
Das Beispiel zeigt ein Polygon mit Außenlinien- und Innenliniengestaltung.
polygon {
    fill-color: brown;
    background-color: red;
    fill-pattern: hatch_style_diagonal_cross;
    distance-between-pattern-lines: 20m;
    min-distance-between-pattern-lines: 10;
    max-distance-between-pattern-lines: 50;
    pattern-lines-width: 5m;
    min-pattern-lines-width: 3;
    max-pattern-lines-width: 5;
    fill-pattern-texture-opacity: 1.0;
    fill-pattern-texture-displacement-x: 5m;
    min-fill-pattern-texture-displacement-x: 3;
    max-fill-pattern-texture-displacement-x: 10;
    fill-pattern-texture-displacement-y: 5m;
    min-fill-pattern-texture-displacement-y: 3;
    max-fill-pattern-texture-displacement-y: 10;
    outer-border-line: {
        line-width: 2.5m;
        line-min-width: 15;
        line-max-width: 35;
        line-color: black;
        line-dash-style: custom;
        line-dash-pattern: 4m, 4m;
        line-min-dash-pattern: 10, 10;
        line-max-dash-pattern: 20, 20;
    };
    inner-border-line: {
        line-width: 3px;
        line-color: yellow;
    };
}
Das Beispiel zeigt ein Polygon, das mit einem benutzerdefiniertem Pixelmuster gefüllt ist.
polygon {
            fill-pattern: solid;
            fill-color: RGB(255, 0, 0);
            border-line:
            {
                line-width: 7px;
                line-color: green;
                line-join: round;
                text: "Label";
                text-color: green;
                text-halo-color: blue;
                text-halo-width: 5px;		
                draw-text-halo-first: true;
                text-font-name: "Arial";
                text-height: 20px;		
                text-weight: 400;
                text-style: italic;
                text-horizontal-content-alignment: center;
                text-line-spacing: 5px;		
                text-letter-spacing: 5px;		
                text-horizontal-padding: 10px;		
                text-vertical-padding: 10px;		
                text-start-location: start;
                text-orientation: parallel;
                text-horizontal-alignment: center;
                text-vertical-alignment: bottom;
                text-horizontal-offset: 50px;		
                text-vertical-offset: 5px;		
                text-repeat-distance: 50px;		
            };
        }
Das Beispiel zeigt ein Polygon, das mit einem benutzerdefiniertem Pixelmuster gefüllt ist.
polygon {
    buffer-distance: 30px;
    buffer-polygon:
    {
        fill-pattern: hatch_style_diagonal_cross;
        distance-between-pattern-lines: 10px;
        pattern-lines-width: 2px;
        fill-color: RGB(0, 255, 0);
        background-color: RGB(200, 0, 200);
        border-line:
        {
            line-width: 3px;
            line-color: blue;
            line-join: round;
        };
    };
}
Das Beispiel zeigt ein Polygon, das mit einem Mischwaldmuster gefüllt ist.
polygon {
    background-color: RGBA(168, 213, 143, 1);
    fill-pattern: complex;
    complex-fill-pattern-bbox-width: 28;
    complex-fill-pattern-bbox-height: 28;
    complex-fill-pattern-width: 28m;
    complex-fill-pattern-min-width: 25;
    complex-fill-pattern-max-width: 100;
    complex-fill-pattern-height: 28m;
    complex-fill-pattern-min-height: 25;
    complex-fill-pattern-max-height: 100;
    complex-fill-pattern:
        text {
            text-horizontal-alignment: center;
            text-vertical-alignment: center;
            position-x: 7m;
            position-y: 20m;
            text: "|";
            text-font-name: "ATKIS_1";
            text-color: RGBA(0, 146, 64, 1);
            text-height: 19.6m;
            text-font-type: symbols;
        },
        text {
            text-horizontal-alignment: center;
            text-vertical-alignment: center;
            position-x: 21m;
            position-y: 6m;
            text: "x";
            text-font-name: "ATKIS_1";
            text-color: RGBA(0, 146, 64, 1);
            text-height: 14m;
            text-font-type: symbols;
        };
}
Das folgende Beispiel zeigt ein Polygon, das mit einem Bild als Muster gefüllt ist.
polygon{
    fill-pattern: pixmap;
    fill-pattern-pixmap: "D:\\temp\\pattern1.bmp";
    fill-pattern-pixmap-width: 20px;	
    fill-pattern-pixmap-height: 20px;
    fill-pattern-texture-opacity: 1.0;
    border-line:
    {
        line-width: 2px;
        line-color: green;
        line-join: round;
    };
}
Das folgende Beispiel zeigt ein Polygon, welches in der Mitte zusätzlich mit einem Punktsymbol dargestellt ist.
polygon {
		fill-color: RGBA(227,0,0,0.25);
		fill-pattern: solid;
		border-line:
		{
			line-width: 1px;
			line-color: RGBA(227,0,0,0.25);
		};
        point-placement: centroid;
        point: {
            complex-graphics:
            circle {
                line-width: 2px;
                line-color: black;                                   
                radius: 50m;
                min-radius: 8;
                max-radius: 15;
                fill-color: white;
                fill-pattern: solid;
            },
            text {              
            /*Spalte, wo die Nummer her kommt*/
            text: "1";    
            text-font-name: "arial";
            text-height: 10px;           
            }; 
        };  
}
Das folgende Beispiel zeigt ein Polygon, das mit einem Bild als Muster gefüllt ist.
polygon {   
    outer-border-line:
    {
        line-width: 1m;
        /*line-min-width:2;
        line-max-width:15;*/        
        line-color:green;
        line-cap: round; 
        complex-fill-pattern-bbox-width: 10;
        complex-fill-pattern-bbox-height: 10;
        complex-fill-pattern-width: 10m;
        /*complex-fill-pattern-min-width: 10;
        complex-fill-pattern-max-width: 20;*/
        complex-fill-pattern-height: 10m;
        /*complex-fill-pattern-min-height: 15;
        complex-fill-pattern-max-height: 20;*/
        complex-fill-pattern:               
            line {
                line-width: 1m;
                line-color: green;               
                x1: 5m;
                y1: 0m;
                x2: 5m;
                y2: 5m;
            };
    };
    inner-border-line:
    {
        line-width: 1m;
        line-color:green;
        line-cap: round;      
        /* line-min-width:2;
        line-max-width:15;*/
        complex-fill-pattern-bbox-width: 10;
        complex-fill-pattern-bbox-height: 10;
        complex-fill-pattern-width: 10m;
        /* complex-fill-pattern-min-width: 10;
        complex-fill-pattern-max-width: 20;*/
        complex-fill-pattern-height: 10m;
        /* complex-fill-pattern-min-height: 15;
        complex-fill-pattern-max-height: 20;*/
        complex-fill-pattern:               
            line {
                line-width: 1m;
                line-color: green;               
                x1: 5m;
                y1: 5m;
                x2: 5m;
                y2: 10m;
            };
    };
}

map_legend {    
    {
        label: "FFH Gebiet";
        scale-factor: 1;
        geometry-type: polygon;
    }
}

Zuletzt geändert: 13.11.2023 07:34:10 (erstmals erstellt 27.02.2020)