Ticket #23229: natural_way_node_childs_selectors.mapcss

File natural_way_node_childs_selectors.mapcss, 2.1 KB (added by pierzen, 3 years ago)
Line 
1meta {
2 title:"natural_way_node_childs_selectors";
3 description:"Selectors for natural polygons and multipolygons lines and nodes";
4 author:"Pierre Béland";
5}
6
7canvas {
8 fill-color:#ffffea;
9}
10
11/* -------------------------------------
121. way[natural]
13 line casing - color green
14 - casing-color green
15 child nodes - green circle
16 area - fill color - blue
17 ------------------------------------- */
18
19way[natural]
20{
21 set .natural_way;
22 z-index:1; color:green; width:2; opacity:1;
23 casing-color:green; casing-width:4; casing-opacity:0.3;
24}
25
26way[natural] > node {
27 z-index:1; symbol-size:12; symbol-shape:circle; opacity:1; symbol-fill-color:white; symbol-fill-opacity:0.3; symbol-stroke-color:green; symbol-stroke-width:4; symbol-stroke-opacity:1;
28}
29
30area[natural=water]
31{
32 z-index:1; fill-color:blue; fill-opacity:0.2;
33}
34
35/* -------------------------------------
362. relation[natural=water]
37 line - casing-color red
38 child nodes - red squares
39 ------------------------------------- */
40
41relation[type=multipolygon][natural=water] > way
42{
43 set .natural_relation;
44 z-index:2; color:none; width:2; opacity:0; casing-color:red; casing-width:4; casing-opacity:0.3; fill-color:blue; fill-opacity:0.2;
45}
46
47way.natural_relation > node
48{
49 z-index:2; symbol-size:18; symbol-shape:square; opacity:1; symbol-fill-color:white; symbol-fill-opacity:0.3; symbol-stroke-color:red; symbol-stroke-width:4; symbol-stroke-opacity:1;
50}
51
52
53/* -------------------------------------
543. tagged ways line and node colors
55 ------------------------------------- */
56
57way[natural=wetland]
58{
59 z-index:2; fill-color: #00ff80; fill-opacity:0.1;
60}
61
62way[waterway=river] {
63 set .waterway_way;
64 color:blue; casing-color:blue; casing-width:0.8; width:2; opacity:1; casing-opacity:1;
65}
66
67way[waterway=river] > node {
68 z-index:1; symbol-size:10; symbol-shape:circle; opacity:1; symbol-fill-color:white; symbol-fill-opacity:0.3; symbol-stroke-color:blue; symbol-stroke-width:4; symbol-stroke-opacity:0.6;
69}