[Geoserver-users] css styling contour lines

GeoServer GeoServer User
1

Hi everyone,
I’m trying to find an easy and good looking way on how to show contour lines on a map.
I want the lines 50, 100, 150 … always to look different then the rest of the lines with a different colour and width
but then at the same time I don"t want to always see all the lines, I have contour lines every 10 m which does look too crowded.
So fare my code is

/* Definition for the Label*/

[@scale <50000]{

label:[ALTITUDE];

label-offset:1;

font-family:“SansSerif”;

font-size: 12;

font-fill:#A66829;

halo-radius:1;

halo-color:#E7E7E8;

-gt-label-repeat:150;

-gt-label-follow-line:true;

-gt-label-force-ltr:false;

}

[@scale <12000]{

-gt-label-repeat:250;

}

/Definition as default style for every line/

*{

stroke:#A67C29;

stroke-width:0.2;

}

/* special rules for some lines */

/* could be rewritten as OR, but was slow to process */

[ALTITUDE=‘50’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘100’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘150’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘200’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘300’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘400’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘500’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘600’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘700’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘800’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘900’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1000’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1100’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1200’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1300’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1400’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1500’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1600’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1700’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1800’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1900’] { stroke-width:0.3; stroke:#A65329; }

How can I now create different “styles” for when I have different scales? without the special lines always look the same?

2

You can combine a scale constraint and a data constraint in the same rule.

[ALTITUDE = ‘1200’] [@scale < 12000] { stroke-width: 0.5; stroke: #A65329; }

This is considered more specific than rules that only constrain one or the other, so it will override.

···

On Mon, Jun 24, 2013 at 1:21 AM, Lottie Atzenbeck <lotta.atzenbeck@anonymised.com.> wrote:

Hi everyone,
I’m trying to find an easy and good looking way on how to show contour lines on a map.
I want the lines 50, 100, 150 … always to look different then the rest of the lines with a different colour and width
but then at the same time I don"t want to always see all the lines, I have contour lines every 10 m which does look too crowded.
So fare my code is

/* Definition for the Label*/

[@scale <50000]{

label:[ALTITUDE];

label-offset:1;

font-family:“SansSerif”;

font-size: 12;

font-fill:#A66829;

halo-radius:1;

halo-color:#E7E7E8;

-gt-label-repeat:150;

-gt-label-follow-line:true;

-gt-label-force-ltr:false;

}

[@scale <12000]{

-gt-label-repeat:250;

}

/Definition as default style for every line/

*{

stroke:#A67C29;

stroke-width:0.2;

}

/* special rules for some lines */

/* could be rewritten as OR, but was slow to process */

[ALTITUDE=‘50’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘100’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘150’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘200’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘300’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘400’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘500’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘600’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘700’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘800’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘900’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1000’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1100’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1200’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1300’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1400’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1500’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1600’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1700’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1800’] { stroke-width:0.3; stroke:#A65329; }

[ALTITUDE=‘1900’] { stroke-width:0.3; stroke:#A65329; }

How can I now create different “styles” for when I have different scales? without the special lines always look the same?

This SF.net email is sponsored by Windows:

Build for Windows Store.

http://p.sf.net/sfu/windows-dev2dev

Geoserver-users mailing list
Geoserver-users@anonymised.comsts.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/geoserver-users