Changes between Version 2 and Version 3 of Styles/Cycleways


Ignore:
Timestamp:
Apr 19, 2012 2:24:50 AM (13 months 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}}}