Changes between Version 2 and Version 3 of Styles/Cycleways


Ignore:
Timestamp:
2012-04-19T02:24:50+02:00 (14 years ago)
Author:
cmuelle8
Comment:

cleanup things, streamline access=* visualizations, use layers

Legend:

Unmodified
Added
Removed
Modified

  • Styles/Cycleways

    v2 v3  
    44#!style type="mapcss"
    55
     6
    67meta
    78{
    89    title: "Cycleways";
    910    description: "Standalone style to visualize cycleway=* and bicycle=* of objects, fade everything else. Please turn off JOSM internal style to use it.";
    10     version: "1.22_2012-04-18";
     11    version: "1.[[revision]]_[[date]]";
    1112    author: "cmuelle8";
    1213    link: "http://josm.openstreetmap.de/wiki/Styles/Cycleways";
     14    min-josm-version: "5198";
    1315}
    1416
    … …  
    1921}
    2022
     23
     24
     25/* basic geometry */
    2126canvas
    2227{
    2328    background-color: #606060;
    2429}
    25 
    26 
    27 
    28 
    2930node
    3031{
    3132    symbol-shape: square;
    3233    symbol-size: 2;
    33     symbol-stroke-color: #909090;
     34    symbol-stroke-color: lightgrey;
    3435    symbol-stroke-opacity: 0.1;
    3536}
    36 
    3737node:connection
    3838{
    3939    symbol-shape: square;
    4040    symbol-size: 2;
    41     symbol-stroke-color: #909090;
     41    symbol-stroke-color: white;
    4242    symbol-stroke-opacity: 0.2;
    4343}
    44 
    45 
    46 
    47 
    4844way
    4945{
     46    color: white;
    5047    width: 0.5;
    51     color: #ffffff;
    5248    opacity: 0.1;
    5349}
    5450
    55 relation[landuse], way[landuse]:closed
     51
     52
     53/* faded area styles for orientation */
     54relation[landuse],
     55way[landuse]:closed
    5656{
    5757    fill-color: yellow;
    … …  
    5959    z-index: -0.9;
    6060}
    61 
    62 relation[natural], way[natural]:closed, relation[landuse=forest], way[landuse=forest]:closed
     61relation[natural],
     62relation[landuse=forest],
     63way[natural]:closed,
     64way[landuse=forest]:closed
    6365{
    6466    fill-color: green;
    … …  
    6668    z-index: -0.9;
    6769}
    68 
    69 relation[waterway], way[waterway]:closed, relation[landuse=basin], way[landuse=basin]:closed, relation[natural=~/water/], way[natural=~/water/]:closed
     70relation[waterway],
     71relation[landuse=basin],
     72relation[natural=~/water/],
     73way[waterway]:closed,
     74way[landuse=basin]:closed,
     75way[natural=~/water/]:closed
    7076{
    7177    fill-color: blue;
    … …  
    7379    z-index: -0.9;
    7480}
    75 
    76 relation[building], way[building]:closed
     81relation[building],
     82way[building]:closed
    7783{
    7884    width: 2;
    … …  
    8389    z-index: 0.2;
    8490}
    85 
    86 relation[highway][area?], way[highway][area?]:closed
     91relation[highway][area?],
     92way[highway][area?]:closed
    8793{
    8894    width: 2;
    … …  
    96102
    97103
    98 
     104/* highway=* tag styles */
    99105way[highway]
    100106{
    101107        color: darkgrey;
    102108        opacity: 1.0;
    103 }
    104 
     109
     110        cycleway-weakinfo-color: #4141ff;
     111        cycleway-weakinfo-width: 1.5;
     112        cycleway-color: #4100ff;
     113        cycleway-width: 2.0;
     114        cyclelane-width: 1.5;
     115}
    105116way[highway=~/motorway|trunk|primary|secondary|tertiary/]
    106117{
    107118        width: 4;
    108119}
    109 
    110 way[highway=~/residential|service|track|unclassified/]
     120way[highway=~/living_street|residential|service|track|unclassified/]
    111121{
    112122        width: 2;
    113123}
    114 
    115124way[highway=~/bridleway|cycleway|footway|path/]
    116125{
    … …  
    118127}
    119128
    120 way[cycleway:both=lane], way[cycleway:left=lane], way[cycleway=both], way[cycleway=left]
    121 {
    122         left-casing-color: #4100ff;
    123         left-casing-width: 2f;
    124 }
    125 way[cycleway:both=lane], way[cycleway:right=lane], way[cycleway=both], way[cycleway=right]
    126 {
    127         right-casing-color: #4100ff;
    128         right-casing-width: 2f;
    129 }
    130 
    131 way[cycleway:both=track], way[cycleway:left=track]
    132 {
    133         left-casing-color: #4100ff;
     129
     130
     131/* cycleway=* tag styles */
     132way[cycleway:both=lane],
     133way[cycleway:left=lane],
     134way[cycleway=both],
     135way[cycleway=left]
     136{
     137        left-casing-color: eval(prop("cycleway-color"));
     138        left-casing-width: eval(prop("cyclelane-width"));
     139}
     140way[cycleway:both=lane],
     141way[cycleway:right=lane],
     142way[cycleway=both],
     143way[cycleway=right]
     144{
     145        right-casing-color: eval(prop("cycleway-color"));
     146        right-casing-width: eval(prop("cyclelane-width"));
     147}
     148way[cycleway=lane]
     149{
     150        casing-color: eval(prop("cycleway-weakinfo-color"));
     151        casing-width: eval(prop("width")+(2*prop("cycleway-weakinfo-width")));
     152        casing-dashes: list(16,3);
     153}
     154
     155
     156
     157
     158way[cycleway:both=track],
     159way[cycleway:left=track]
     160{
     161        left-casing-color: eval(prop("cycleway-color"));
     162        left-casing-width: eval(prop("cycleway-width"));
    134163        left-casing-offset: +4;
    135         left-casing-width: 2f;
    136 }
    137 way[cycleway:both=track], way[cycleway:right=track]
    138 {
    139         right-casing-color: #4100ff;
     164}
     165way[cycleway:both=track],
     166way[cycleway:right=track]
     167{
     168        right-casing-color: eval(prop("cycleway-color"));
     169        right-casing-width: eval(prop("cycleway-width"));
    140170        right-casing-offset: +4;
    141         right-casing-width: 2f;
    142 }
    143 
    144 way[cycleway=lane]
    145 {
    146         casing-color: #4141ff;
    147         casing-dashes: list(16,3);
    148         casing-width: +3;
    149171}
    150172way[cycleway=track]
    151173{
    152         left-casing-color: #4141ff;
    153         right-casing-color: #4141ff;
     174        left-casing-color: eval(prop("cycleway-weakinfo-color"));
     175        left-casing-width: eval(prop("cycleway-weakinfo-width"));
    154176        left-casing-dashes: list(16,3);
     177        left-casing-offset: +4;
     178        right-casing-color: eval(prop("cycleway-weakinfo-color"));
     179        right-casing-width: eval(prop("cycleway-weakinfo-width"));
    155180        right-casing-dashes: list(16,3);
    156         left-casing-offset: +4;
    157181        right-casing-offset: +4;
    158         left-casing-width: 1.5f;
    159         right-casing-width: 1.5f;
    160 }
    161 
    162 way[bicycle_road=yes], way[highway=cycleway], way[highway=path][bicycle=~/official|designated/]
    163 {
    164         color: #4100ff;
    165         casing-color: #4100ff;
    166         casing-width: +3;
    167 
    168 }
    169 
    170 
    171 
    172 
    173 way[bicycle=official]
    174 {
    175         dashes: list(0,12);
    176         dashes-background-color: #b100ff;
    177 }
    178 
    179 way[bicycle=designated]
    180 {
    181         dashes: list(1,11);
    182         dashes-background-color: #b100ff;
    183 }
    184 
    185 way[bicycle=yes]
    186 {
    187         dashes: list(11,1);
    188         dashes-background-color: #b100ff;
    189 }
    190 
    191 way[bicycle=no]
    192 {
    193         color: black;
    194         dashes: list(10,2);
    195         dashes-background-color: #ff0000;
    196 }
    197 
    198 
    199 
    200        
    201 relation[type=route][route=bicycle][network=ncn] > way::relation_underlay { z-index: -1; width: 12; color: red; opacity: 0.1; linecap: none; }
    202 relation[type=route][route=bicycle][network=rcn] > way::relation_underlay { z-index: -1; width: 12; color: cyan; opacity: 0.1; linecap: none; }
    203 relation[type=route][route=bicycle][network=lcn] > way::relation_underlay { z-index: -1; width: 12; color: blue; opacity: 0.1; linecap: none; }
     182}
     183
     184
     185
     186/* highway=cycleway or stand-alone, dedicated cycleways */
     187way[bicycle_road=yes],
     188way[highway=cycleway],
     189way[highway=path][bicycle=~/official|designated/]
     190{
     191        color: eval(prop("cycleway-color"));
     192        casing-color: eval(prop("cycleway-color"));
     193        casing-width: eval(prop("width")+(2*prop("cyclelane-width")));
     194}
     195
     196
     197
     198/* visualize access=* tag on an extra layer with a thin line in the way's center*/
     199/* .. continuous line if the way is officially marked by e.g. road signs */
     200way[bicycle=official]::access_layer,
     201way[highway=cycleway]::access_layer
     202{
     203        color: #b100ff;
     204        width: 1;
     205}
     206/* .. long dashes if the way is designated to be used by cyclists */
     207way[bicycle=designated]::access_layer
     208{
     209        color: #b100ff;
     210        width: 1;
     211        dashes: list(12,3);
     212}
     213/* .. short dashes if cycling merely is allowed */
     214way[bicycle=yes]::access_layer
     215{
     216        color: #b100ff;
     217        width: 1;
     218        dashes: list(3,3);
     219}
     220/* .. short black/red dashes if cycling is not allowed */
     221way[bicycle=no]::access_layer
     222{
     223        color: red;
     224        width: 1;
     225        dashes: list(3,3);
     226        dashes-background-color: black;
     227}
     228way::access_layer
     229{
     230        z-index: 10.0;
     231}
     232
     233
     234
     235/* add a background glow for ways taking part in a bicycle route relation - similar to what is done in potlatch2.mapcss */
     236relation[type=route][route=bicycle][network=ncn] > way::relation_underlay { z-index: -200; width: 15; color: red; opacity: 0.08; linecap: none; }
     237relation[type=route][route=bicycle][network=rcn] > way::relation_underlay { z-index: -200; width: 15; color: cyan; opacity: 0.08; linecap: none; }
     238relation[type=route][route=bicycle][network=lcn] > way::relation_underlay { z-index: -200; width: 15; color: blue; opacity: 0.08; linecap: none; }
    204239
    205240}}}