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
        {
            fill-color: lightgoldenrodyellow;
            fill-pattern: solid;
        }
        
        polygon::Mischwald {
            fill-pattern: complex;
            complex-fill-pattern-bbox-width: 100;
            complex-fill-pattern-bbox-height: 100;
            complex-fill-pattern-width: 100m;
            complex-fill-pattern-min-width: 10;
            complex-fill-pattern-max-width: 30;
            complex-fill-pattern-height: 100m;
            complex-fill-pattern-min-height: 10;
            complex-fill-pattern-max-height: 30;
            complex-fill-pattern:
                arc {
                    radius: 20m;
                    position-x: 25m;
                    position-y: 25m;				
                    line-width: 1px;
                    line-color: green;
                    start-angle: 120;
                    sweep-angle: 300;
                },
                line {
                    line-width: 1px;
                    line-color: green;
                    x1: 60m;
                    y1: 60m;
                    x2: 75m;
                    y2: 95m;
                },
                line {
                    line-width: 1px;
                    line-color: green;
                    x1: 75m;
                    y1: 95m;
                    x2: 95m;
                    y2: 60m;
                };		
        }

Das folgende Beispiel zeigt ein Polygon, das mit einem Bild als Muster gefüllt ist.

polygon{
    fill-pattern: pixmap;
    fill-pattern-pixmap: "D:\\IduIT.Native\\IduIT.GeoLib\\$mdDok\\Style\\Beispiele\\Scriban\\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, das mit einem transparentem Bild und einer Hintergrundfarbe als Muster gefüllt ist. Hierbei muss für eine Hintergrundfarbe ein Extrablock eingefügt werden. Für die Legende ist es wichtig, dass beide Blöcke innerhalb einer Legende angegeben werden. Deswegen wurden hier IDs eingefügt, die in der Legende referenziert werden.

unordered {
            polygon::gruen1 {
                   fill-pattern: solid;       
                   fill-color: RGB(205,245,122);			
               }
               
               polygon::gruen2 {
                   fill-pattern: pixmap;            
                   //background-color: RGB(205,245,122);
                   fill-pattern-pixmap: "D:\\IduIT.Native\\IduIT.GeoLib\\$mdDok\\Style\\Beispiele\\Scriban\\idu_transparent.png";
                   fill-pattern-pixmap-width: 40m;
                   fill-pattern-pixmap-height: 15m;		
                   border-line:
                   {
                       
                       line-width: 1px;
                       line-color: RGB(140,140,140);
                       line-join: round;
                       line-cap: round;
                   };
               }
           }
           
           map_legend {
               {
                   label: "Logo IDU";
                   scale-factor: 0.5;        
                   geometry-ids: gruen1, gruen2;
                   geometry-type: polygon;  
                   
               }
           }

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;
    }
}

Hier werden zwei Linien nebeneinander in die Fläche gezeichnet, die dritte Linie entsteht durch die Hintergrundfarbe. Oben drüber wird zusätzlich ein Symbol aus einer Symbolschriftart gezeichnet.

unordered {
            polygon::linie1 {
                fill-color: #C8EFD4;
                fill-pattern: hatch_style_backward_diagonal;
                background-color: #138535;
                distance-between-pattern-lines: 35px;
                pattern-lines-width: 10px;
            }
        
            polygon::linie2 {
                fill-color: #6BD089;
                fill-pattern: hatch_style_backward_diagonal;
                distance-between-pattern-lines: 35px;
                pattern-lines-width: 10px;
                fill-pattern-texture-displacement-x: 15px;
                border-line:
                {
                    line-width: 1px;
                    line-color: darkgreen;
                    line-join: round;
                };
            }
        
            polygon::gras {
                fill-pattern: complex;
                complex-fill-pattern-bbox-width: 100;
                complex-fill-pattern-bbox-height: 100;
                complex-fill-pattern-width: 100m;
                complex-fill-pattern-min-width: 10;
                complex-fill-pattern-max-width: 30;
                complex-fill-pattern-height: 100m;
                complex-fill-pattern-min-height: 10;
                complex-fill-pattern-max-height: 30;
                complex-fill-pattern:
                    text {
                        position-x: 25m;
                        position-y: 25m;
                        text: "í";
                        text-font-name: "Webdings";
                        text-color: black;
                        text-height: 20px;
                    },
                    text {
                        position-x: 75m;
                        position-y: 75m;
                        text: "í";
                        text-font-name: "Webdings";
                        text-color: black;
                        text-height: 20px;
                    }	;
            }
        }

Außenlinie eines Polygons mit Halbkreisen.

polygon {
            border-line:
            {
                line-width: 10m;
                line-color: RGB(23,87,143);
                line-min-width: 2;
                line-max-width: 2;
                line-join: round;
                line-cap: round;
                complex-fill-pattern-bbox-width: 20;
                complex-fill-pattern-bbox-height: 10;
                complex-fill-pattern-width: 20m;
                complex-fill-pattern-min-width: 30;
                complex-fill-pattern-max-width: 40;
                complex-fill-pattern-height: 10m;
                complex-fill-pattern-min-height: 30;
                complex-fill-pattern-max-height: 40;
                complex-fill-pattern:
                    path {
                        path-width: 10;
                        path-height: 10;
                        target-position-x: 5m;
                        target-position-y: 5m;
                        target-width: 10m;
                        target-height: 10m;
                        path-commands: M0 5 A 4.5 4.5 0 1 1 9 5;
                        fill-color: RGB(23,87,143);
                        fill-pattern: solid;
                    };
            };
        }

Darstellung einer Punktinformation in einer Fläche. Die Daten für den Ort und die Anzahl der Bewohner kann aus einer Spalte kommen.

unordered {
            polygon {
                point:
                {
                    complex-graphics:
                        text {
                            text: 0x81;
                            text-font-name: "Webdings";
                            text-color: black;
                            text-height: 64m;
                            min-text-height: 32;
                            max-text-height: 192;
                        },
                        text {
                            position-x: -30m;
                            min-position-x: -90;
                            max-position-x: -15;
                            text: 0x81;
                            text-font-name: "Webdings";
                            text-color: black;
                            text-height: 64m;
                            min-text-height: 32;
                            max-text-height: 192;
                        },
                        text {
                            position-x: 30m;
                            min-position-x: 15;
                            max-position-x: 90;
                            text: 0x81;
                            text-font-name: "Webdings";
                            text-color: black;
                            text-height: 64m;
                            min-text-height: 32;
                            max-text-height: 192;
                        },
                        text {
                            position-y: 40m;
                            min-position-y: 20;
                            max-position-y: 120;
                            text: "Beispiel";
                            text-font-name: "Arial";
                            text-color: black;
                            text-height: 21m;
                            min-text-height: 10.5;
                            max-text-height: 63;
                        },
                        text {
                            position-y: -40m;
                            min-position-y: -120;
                            max-position-y: -20;
                            text: "125.000";
                            text-font-name: "Arial";
                            text-color: black;
                            text-height: 21m;
                            min-text-height: 10.5;
                            max-text-height: 63;
                        };
                };
                point-placement: centroid;
            }
        }

Zuletzt geändert: 13.03.2024 12:40:13 (erstmals erstellt 27.02.2020)

Beispiele für Flächen

Datenschutz

Kontakt