Changes between Version 2 and Version 3 of Styles/Waterways


Ignore:
Timestamp:
2023-10-02T15:11:43+02:00 (2 years ago)
Author:
pierzen
Comment:

Enhanchements to styles and flags

Legend:

Unmodified
Added
Removed
Modified

  • Styles/Waterways

    v2 v3  
     1Colors waterways and flags various typology errors with red triangles (ie  disconnected segments, opposite direction, transition from river to stream)
     2
     3[[Image(waterways_guide.png)]]
     4
     5
    16{{{
    27#!style type="mapcss"
    38meta {
    4   title: "Waterways";
    5   version: [[revision]]_[[date]];
    6   description: "Colors waterways - symbols for connected/disconnected extremities.";
     9  title: "waterways";
     10  version: "1.[[revision]]_[[date]]";
     11  description: "Colors waterways and flags various typology errors with red triangles (ie  disconnected segments, transition from river to stream).";
    712  icon: "waterways.png";
    8   author: "pierzen";
     13  author: "Pierre Béland";
    914  watch-modified: true;
    1015}
    … …  
    1520}
    1621
     22
     23way  {z-index:1; width:0; casing-width: color:none;  casing-color: none; opacity:0.0;}
     24
     25 node {
     26   z-index:1; symbol:size:0;
     27   symbol-stroke-color: none;
     28   symbol-fill-color: none;
     29    opacity:0.0;
     30    symbol-stroke-opacity:0.0;
     31    symbol-fill-opacity:0.0;
     32 }
     33
    1734/* Pseudo Classes */
    18 way|z14-[waterway=rapids]  {   
    19    color: blue;
    20    casing-color: white;    casing-width:1;    width:6;    opacity:0.5;    casing-opacity:0.3;    dashes: 6,12,6;}
    21 way[waterway=stream], way[waterway=drain], way[waterway=ditch]  {   
    22    set .waterway_sd;    color: blue;    casing-color: white;    casing-width:1;    width:10;    opacity:0.5;    casing-opacity:0.3;}
     35
     36way[waterway=rapids]  {   
     37   casing-width:0;    width:0;    opacity:0;    casing-opacity:0;}
     38way[waterway=stream], way[waterway=drain], way[waterway=ditch], way[waterway=yes]  {   
     39   set .waterway_sd;    color: blue;    casing-color: white;    casing-width:1;    width:6;    opacity:0.5;    casing-opacity:0.3;}
     40
     41
     42relation[natural=water],
     43area[natural=water]:closed {
     44   z-index:1; color: #c2d5f0; width: 2; fill-color: #c2d5f0;   
     45fill-opacity: 0.4;
     46}
     47relation[natural=water],
     48area[natural=water]:closed,
     49area[waterway][waterway!=dam]:closed{
     50   set .water_area;
     51   color:#c2d5f0; width:0; opacity:0;
     52   fill-color:#c2d5f0; fill-opacity: 0.3;
     53   casing-color:none; casing-width:0; casing-opacity:0;}
     54way[natural=wetland]:closed, way[natural=shoal]:closed {
     55   set .wetland_area;
     56   color:#c2d5f0; width:0; opacity:1.0;
     57   fill-opacity: 1;
     58   fill-image:waterways_wetland.png;
     59   casing-width:0; casing-color:none; casing-opacity:0;
     60}
     61relation[natural=water] > way,
     62area[natural=water],
     63area.wetland_area,
     64way[natural],
     65way[coastline],
     66way[place=island],
     67way[place=islet]{
     68   set .natural_way;
     69   z-index:3; color:#c2d5f0; width:2; opacity:0;
     70   casing-color:none; casing-width:0; casing-opacity:0;}
    2371way[waterway=stream] > node, way[waterway=drain] > node, way[waterway=ditch] > node
    2472{set .waterway_sd_node;}
     73way[waterway=stream] >[index=1] node, way[waterway=drain] >[index=1] node, way[waterway=ditch] >[index=1] node
     74{set .waterway_sd_node_deb;}
    2575way[waterway=stream] >[index=-1] node, way[waterway=drain] >[index=-1] node, way[waterway=ditch] >[index=-1] node {   
    26    set .waterway_sd_node_end;     symbol-shape: pentagon;       symbol-size: 6;                 symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 5;         symbol-stroke-opacity:0.3;}
     76   set .waterway_sd_node_end;     symbol-shape: pentagon;       symbol-size: 6;                 symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 2;         symbol-stroke-opacity:0.6;}
    2777way[waterway=stream] >[index<-1] node, way[waterway=drain] >[index<-1] node, way[waterway=ditch] >[index<-1] node
    2878{ set .waterway_sd_node_nend;}
    … …  
    3181way[waterway=river] > node, way[waterway=canal] > node, way[waterway=fairway] > node {   
    3282   set .waterway_rc_node;}
     83way[waterway=river] >[index=1] node, way[waterway=canal] >[index=1] node, way[waterway=fairway] >[index=1] node
     84{set .waterway_rc_node_deb;}
    3385way[waterway=river] >[index=-1] node, way[waterway=canal] >[index=-1] node, way[waterway=fairway] >[index=-1] node {   
    34    set .waterway_rc_node_end;     symbol-shape: pentagon;       symbol-size: 6;                 symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 5;         symbol-stroke-opacity:0.3; }
     86   set .waterway_rc_node_end;     symbol-shape: pentagon;       symbol-size: 6;                 symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 2;         symbol-stroke-opacity:0.6; }
    3587way[waterway=river] >[index<-1] node, way[waterway=canal] >[index<-1] node, way[waterway=fairway] >[index<-1] node  {   
    3688   set .waterway_rc_node_nend;}
    … …  
    3991node.waterway_rc_node, node.waterway_sd_node {
    4092   set .waterways_node; }
     93node.waterway_rc_node_deb, node.waterway_sd_node_deb {
     94   set .waterways_node_deb; }
    4195node.waterway_rc_node_end, node.waterway_sd_node_end {
    4296   set .waterways_node_end; }
    43 area[natural=water] > node {set .natural_node;}
     97node.waterway_rc_node_nend, node.waterway_sd_node_nend {
     98   set .waterways_node_nend; }
     99
     100area.natural_way > node, way.natural_way > node
     101{set .natural_node;
     102   z-index: 1; symbol:size:0;
     103   symbol-stroke-color:#c2d5f0;
     104   symbol-fill-color: none;
     105    opacity:0.0;
     106    symbol-stroke-opacity:0.0;
     107    symbol-fill-opacity:0.0;
     108}
    44109
    45110/* ways and nodes  - distinct waterways  */   
     111
    46112way[waterway=river]  {   
    47    color:blue;   casing-color: blue;}
    48 way[waterway=drain] {color: #3434ff; width: 1; }
    49 way[waterway=fairway]  { color:blue;   casing-color: white;}
    50 way[waterway=canal]  {color:beige;   casing-color: blue;}
    51 area[natural=water]:closed,
    52 area[waterway][waterway!=dam]:closed          { color: #3434ff;    width: 2; fill-color: #3434ff;    fill-opacity: 0.2; prop_area_small_name : 1;}
    53 way[waterway=dam]!:closed                   { z-index: 5; color: black; width: 3; }
    54 area[waterway=dam]:closed                   { z-index: 5; color: black; width: 1; fill-color: #222222; fill-opacity: 0.1; prop_area_small_name : 1;}
    55 node[waterway=dam], way > node[waterway=dam] {
    56   z-index: 5;
    57   symbol-size:22;
    58   symbol-shape: rectangle;
    59   symbol-stroke-color: black;
    60   symbol-stroke-width: 2;
    61   symbol-fill-color: white;}
     113   z-index:10; color:blue;   casing-color: blue;}
     114way[waterway=drain] {z-index:5; color: #3434ff; width: 1; }
     115way[waterway=fairway] {z-index:10; color:blue; casing-color:white;}
     116
     117way[place=island],
     118way[place=islet] {
     119   z-index:2; color: #c2d5f0; width: 2; fill-color: white;fill-opacity: 0.2; opacity:1;}
     120
     121way|z7-[waterway=dam]!:closed {
     122   z-index: 16; color: black; width: 6; opacity:0.8; casing-width:6; casing-color: #c2d5f0; casing-opacity: 0.6;
     123}
     124relation|z7-[waterway=dam] > way:closed, area|z7-[waterway=dam]:closed {
     125   z-index: 16; color: black; width: 2; fill-color: #222222; fill-opacity: 0.4;}
     126way|z1-6[waterway=weir] {
     127   z-index: 16; color: black; width: 2; opacity:0.5; }
     128
     129way|z7-[waterway=weir] {
     130   z-index: 16; color: black; width: 4; opacity:1; casing-width:6; casing-color: #c2d5f0; casing-opacity:0.7; dashes: 32, 12;}
    62131
    63132/* ways styles by zoom-level */
    64 way|z1-16[natural] {
    65    casing-width:0;    width:0;    opacity:0; }
    66 way|z1-13.waterway_sd {   casing-width:1.5;   width:0.7;}
    67 way|z1-13.waterway_rc {   width:2;   casing-width:0.7;}
    68 way|z14-15.waterway_sd {   casing-width:2;   width:1.5;}
    69 way|z14-15.waterway_rc {   casing-width:3;   width:1;}
    70 way|z14-15[waterway=fairway] {   casing-width:4;  width:2;}
     133
     134way|z1-10.natural_way {
     135   z-index:1; width:1; color:#c2d5f0;  casing-width:; casing-color:none; opacity:0.8; casing-opacity:0; }
     136
     137way|z11-.natural_way
     138{
     139   z-index: 1; casing-width:0;    width:3; color:#c2d5f0;   opacity:0.8; }
     140area.wetland_area {
     141   z-index:2;
     142   color:#c2d5f0;   opacity:0.5;
     143   width:2;
     144}
     145
     146way|z1-13.waterway_sd {z-index:5; casing-width:1.3;   width:0.7;}
     147way|z14-15.waterway_sd {z-index: 5; casing-width:1.3;   width:3.3; opacity:1.0}
     148way|z16-.waterway_sd {z-index: 5; casing-width:1.3;   width:3.3; opacity:1.0}
     149way|z1-13.waterway_rc {z-index:10; casing-width:0.7;  width:2; opacity:1;}
     150way|z14-15.waterway_rc {z-index:10; casing-width:2;   width:2.5;}
     151way|z16-.waterway_rc {z-index:10; casing-width:2;   width:2.5;}
     152way|z16-[waterway=fairway] {z-index:10; casing-width:2;  width:2.5;  color:blue;   casing-color: white;}
     153
    71154way[waterway=canal]  {
    72         dashes: 8, 32;}
     155        z-index:10; width:4; color:white; opacity:1;
     156        casing-color:blue; casing-width:3;casing-opacity:1;
     157        dashes: 22, 8, 22;
     158}
     159       
    73160way[waterway=canal][lock]  {   
    74         dashes: 6,12;}
     161        z-index: 10; dashes: 6,12;}
    75162way[waterway=lock_gate]  {   
    76         dashes: 6,12;
     163        z-index: 10; dashes: 6,12;
    77164   color:orange;
    78165   casing-color: blue;
    79166   casing-width:3;
    80167   width: 8;}
    81 way.waterways[tunnel]                {z-index: 5; dashes: 8,4;}
    82 way.waterways[intermittent=yes]                {z-index: 5; dashes: 12,3;}
    83 
     168   
     169way|z6-.waterway_sd[tunnel]  {
     170   z-index:17; width:6; color:white;  dashes:3,3,3,3; opacity:0.5; left-casing-color:blue; left-casing-width:3; left-casing-opacity:1; right-casing-color:blue; right-casing-width:3; right-casing-opacity:1; casing-color:blue; casing-width:3; casing-opacity:1;
     171}
     172way|z6-.waterway_rc[tunnel]  {
     173   z-index:16; width:10; color:white;  dashes:2,2,2,2; casing-color:blue; casing-width:3; casing-opacity:0.8; opacity:1; left-casing-color:blue; left-casing-width:3; left-color:white; left-dashes:12,2,12,2; left-casing-opacity:1; right-casing-color:blue; right-casing-width:3; right-casing-opacity:1;
     174}
     175
     176way|z14-[waterway=rapids] {   
     177   color: blue;
     178   casing-color: white;    casing-width:2;    width:7;    opacity:0.5;    casing-opacity:0.3;    dashes: 6,12,6;}
     179
     180/* way attributes applied at the end  */
     181
     182area[natural=water][intermittent=yes]:closed, area[waterway=dock][dock=drydock]:closed {
     183   z-index:1; color: #c2d5f0; width: 2;
     184   fill-color:#ffffaa;  fill-image:waterways_intermittent.png;
     185   opacity:1; fill-opacity: 1;
     186}   
     187way.waterways[intermittent=yes] {
     188   z-index:10; width:8; dashes: 42,3; color:yellow; casing-color:blue; opacity: 0.7; casing-opacity:1; left-casing-color:blue; left-casing-width:3; left-casing-opacity:1; right-casing-color:blue; right-casing-width:3; right-casing-opacity:1; casing-color:blue;}
    84189
    85190/* Nodes styles  */
    86191
    87 node|z1-11 {
    88     symbol-fill-color: none;
    89     symbol-stroke-color: gray;
     192node|z1-14 {
     193    z-index: 1; symbol-fill-color: none;
     194    symbol-stroke-color: #808080;
    90195    symbol-shape: square;
    91196        width:0;
    … …  
    97202
    98203node|z12-14 {
    99     symbol-shape: square;
     204    z-index: 1; symbol-shape: square;
    100205        symbol-size: 1;         
    101         symbol-stroke-color: yellow;
     206    symbol-stroke-color: #3434ff;
    102207        symbol-fill-color: white;
    103208        symbol-stroke-width: 0.9;
    104         symbol-stroke-opacity:0.2;
    105 }
    106 
     209        symbol-stroke-opacity:0.5;
     210}
    107211node|z15- {
    108     symbol-shape: square; symbol-size: 5;       symbol-stroke-color: navy;
    109         symbol-fill-color: white;
    110         symbol-stroke-width: 1.5;
     212    z-index: 1; symbol-shape: square; symbol-size: 6;   
     213        opacity:1;
     214    symbol-stroke-color: #4d4dff;
     215        symbol-fill-color: #e6fffa;
     216        symbol-fill-opacity:1;
     217        symbol-stroke-width: 2;
     218        symbol-stroke-opacity:0.7;
     219}
     220node|z16- {
     221    z-index: 1; symbol-shape: square; symbol-size: 8;   
     222        opacity:1;
     223    symbol-stroke-color: #4d4dff;
     224        symbol-fill-color: #e6fffa;
     225        symbol-fill-opacity:1;
     226        symbol-stroke-width: 2;
    111227        symbol-stroke-opacity:1;
    112228}
    113 node|z15-.waterways {
    114     symbol-shape: square; symbol-size: 27;      symbol-stroke-color: red;
    115         symbol-fill-color: white;
    116         symbol-stroke-width: 1.5;
    117         symbol-stroke-opacity:1;
    118 }
     229node|z14-[waterway=dam], way > node|z14[waterway=dam] {
     230  z-index: 10;
     231  symbol-size:12;
     232  symbol-shape: rectangle;
     233  symbol-stroke-color: #808080;
     234  symbol-stroke-width: 2;
     235  symbol-fill-color: white;}
     236
    119237way[waterway=canal] > node|z16- {   
    120   symbol-size:12;
     238  z-index: 10; symbol-size:10;
    121239  symbol-shape: circle;
    122   symbol-fill-color: yellow;
     240  symbol-fill-color: white;
    123241  symbol-fill-opacity: 1.0;
    124242  symbol-stroke-width: 2;
    125243  symbol-stroke-color: red;}
    126 node|z14-[waterway=lock_gate] {   
    127   symbol-shape: circle;
     244node|z9-[waterway=lock_gate] {   
     245  z-index: 11; symbol-shape: circle;
    128246  symbol-size:24;
    129247  symbol-stroke-color: navy;
    130   symbol-stroke-width: 12;
    131   symbol-fill-color: red;}
    132 area[natural=water]  > node|z1-13,
    133 way[natural=water]  > node|z1-13  {
    134    symbol:size:1;
    135    symbol-stroke-color: none;
    136    symbol-fill-color: none;
    137     opacity:0.0;
    138     fill-opacity:0.0;
    139 }
    140 area[natural=water]  > node|z14-,
    141 way[natural=water]  > node|z14- {
    142    symbol:size:10;
    143    symbol-stroke-color: blue;
    144         symbol-stroke-width: 2;
    145     opacity:0.5;
    146     fill-opacity:0.5;
     248  symbol-stroke-width: 8;
     249  symbol-fill-color: red;
     250  symbol-fill-opacity:0.8; symbol-stroke-opacity:0.8;
    147251}
    148252
    149253/* connected - disconnected nodes styles */
    150 area[natural=water] > node:connection {
    151         set .natural_node_connection;     symbol-shape: rectangle;      symbol-size: 15;                symbol-stroke-color: yellow;    symbol-fill-color: red;         symbol-stroke-width: 15;        symbol-stroke-opacity:0.3; }
    152 node.waterways_node_end.natural_node {
    153     symbol-shape: pentagon;     symbol-size: 15;                symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 15;        symbol-stroke-opacity:0.3; }
    154 node.waterways_node_end.natural_node_connection:connection {
    155     symbol-shape: rectangle;    symbol-size: 15;                symbol-stroke-color: yellow;    symbol-fill-color: red;         symbol-stroke-width: 15;        symbol-stroke-opacity:0.3; }
     254 
     255/* waterways_node_end  */
     256node.natural_node {
     257   z-index:45; symbol-shape: triangle;
     258   symbol-size:4; opacity:1;
     259   symbol-stroke-color: red;
     260   symbol-stroke-opacity:0.6;
     261}
     262
     263
     264/* flag end-node on natural way - not working properly
     265node.waterways_node_end.natural_node,
     266node.waterways_node_end!.waterway_node_nend {
     267    z-index:15; symbol-shape: triangle; opacity:1; symbol-size: 25; symbol-stroke-color: red; symbol-fill-color: red; symbol-stroke-width: 5; symbol-stroke-opacity:0.3; }
     268*/
    156269node.waterways_node_end!:connection {
    157   symbol-shape: triangle;
     270  z-index: 15; symbol-shape: triangle;
     271  symbol-fill-color: red;
     272  symbol-fill-opacity:1;
    158273  symbol-stroke-color: #00ffff;
    159274  symbol-stroke-width: 1;
     275  symbol-stroke-opacity:0;
     276}
     277node|z1-7.waterways_node_end!:connection {
     278   z-index:15; symbol-size:4;
     279}
     280node|z8-13.waterways_node_end!:connection {
     281   z-index:15; symbol-size:18;
     282}
     283node|z14-.waterways_node_end!:connection {
     284   z-index:15; symbol-size:28;
     285   symbol-stroke-opacity:0.6;
     286}
     287node.waterway_rc_node_end.waterway_sd_node_nend {
     288  z-index: 15; symbol-shape: triangle;
    160289  symbol-fill-color: red;
    161   symbol-fill-opacity:0.8;
    162 }
    163 node|z1-13.waterways_node_end!:connection {
    164    symbol-size:12;
    165 }
    166 node|z14-.waterways_node_end!:connection {
    167    symbol-size:28;
    168    symbol-fill-opacity:0.8;
    169 }
    170 node.waterway_rc_node_end.waterway_sd_node_nend {
    171   symbol-shape: triangle;
     290  symbol-fill-opacity:1;
    172291  symbol-stroke-color: #00ffff;
    173292  symbol-stroke-width: 1;
    174   symbol-fill-color: red;
    175 }
    176 node|z1-13.waterway_rc_node_end.waterway_sd_node_nend {
    177    symbol-size:12;}
     293  symbol-stroke-opacity:0;
     294}
     295node|z1-7.waterway_rc_node_end.waterway_sd_node_nend {
     296   z-index: 15; symbol-size:5; opacity:1;}
     297node|z8-13.waterway_rc_node_end.waterway_sd_node_nend {
     298   z-index: 15; symbol-size:20; opacity:1; symbol-stroke-opacity:1;}
    178299node|z14-.waterway_rc_node_end.waterway_sd_node_nend {
    179    symbol-size:28;}
     300   z-index:15; symbol-size:26;  opacity:1; symbol-stroke-width: 3; symbol-stroke-opacity: 0.6;}
     301
     302/* flag waterway end node on natural way */
     303
     304node|z8-12.waterways_node_deb
     305{
     306  z-index: 1; symbol-shape: square;
     307  symbol-size:7;
     308  symbol-fill-color: purple;
     309  symbol-fill-opacity:1;
     310  symbol-stroke-color: #00ffff;
     311  symbol-stroke-width: 0.5;
     312  symbol-stroke-opacity:1;}
     313node|z13-.waterways_node_deb
     314{
     315  z-index: 1; symbol-shape: square;
     316  symbol-size:9;
     317  symbol-fill-color:white;
     318  symbol-fill-opacity:1;
     319  symbol-stroke-color: purple;
     320  symbol-stroke-width: 4;
     321  symbol-stroke-opacity:1;}
     322node.waterways_node_end.natural_node!.waterways_node_deb
     323{
     324  z-index: 15; symbol-shape: triangle;
     325  simbol-size:22;
     326  symbol-fill-color:red;
     327  symbol-fill-opacity:1;
     328  symbol-stroke-color: #00ffff;
     329  symbol-stroke-width: 0.6;
     330  symbol-stroke-opacity:1;}
    180331
    181332/* ways-nodes selected */
     333
    182334way:selected {
    183    width:15;  casing-width:3; color:red;
    184 }
    185 node|z14-:selected, way:selected > node|z14- {
    186     symbol-shape: square;
    187         symbol-size:12;
    188         symbol-stroke-width:6;
    189         symbol-stroke-color: black;
    190         symbol-fill-color: white;
     335   z-index: 15; width:15;  casing-width:3; color:red;
    191336}
    192337node|z14-:connection:selected {
    193   symbol-stroke-color: crimson;
     338  z-index: 15; symbol-stroke-color: crimson;
    194339  symbol-stroke-width: 5;
    195340  symbol-fill-color: yellow;
    196341}
    197342node|z1-13.natural_node_connection {
    198         symbol-size:0;
     343        z-index: 1; symbol-size:0;
    199344        symbol-stroke-width:0;
    200345        symbol-stroke-color: none;
    201346        symbol-fill-color: none;
    202347}
    203 
     348node|z14-.natural_node_connection {
     349        z-index: 1; symbol-size:10;
     350        symbol-stroke-width:2;
     351}
    204352
    205353}}}