Skip to content

Commit d9581a3

Browse files
WoazboatWoazboat
committed
Add style for area:highway
+ special style for area:highway + junction
1 parent ba494ad commit d9581a3

File tree

1 file changed

+257
-7
lines changed

1 file changed

+257
-7
lines changed

‎resources/styles/standard/elemstyles.mapcss‎

Lines changed: 257 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,12 @@ setting::note_annotation {
7171
default: false;
7272
}
7373

74+
setting::area_highway_opacity {
75+
type: double;
76+
label: tr("area:highway opacity");
77+
default: 0.1;
78+
}
79+
7480
/*********************/
7581
/* turn restrictions */
7682
/*********************/
@@ -530,6 +536,223 @@ node[barrier=hampshire_gate][!is_prop_set(icon-image)] {
530536
set icon_z17;
531537
}
532538

539+
/*********************/
540+
/* area:highway tags */
541+
/*********************/
542+
543+
area["area:highway"="motorway"]:closed {
544+
fill-color: motorway#809bc0;
545+
fill-opacity: setting("area_highway_opacity");
546+
width: 1;
547+
dashes: 9,3;
548+
}
549+
area["area:highway"="motorway_link"]:closed {
550+
fill-color: motorway#809bc0;
551+
fill-opacity: setting("area_highway_opacity");
552+
width: 1;
553+
dashes: 9,3;
554+
}
555+
area["area:highway"="trunk"]:closed {
556+
fill-color: trunk#7fc97f;
557+
fill-opacity: setting("area_highway_opacity");
558+
width: 1;
559+
dashes: 9,3;
560+
}
561+
area["area:highway"="trunk_link"]:closed {
562+
fill-color: trunk#7fc97f;
563+
fill-opacity: setting("area_highway_opacity");
564+
width: 1;
565+
dashes: 9,3;
566+
}
567+
area["area:highway"="primary"]:closed {
568+
fill-color: primary#fb805f;
569+
fill-opacity: setting("area_highway_opacity");
570+
width: 1;
571+
dashes: 9,3;
572+
}
573+
area["area:highway"="primary_link"]:closed {
574+
fill-color: primary#fb805f;
575+
fill-opacity: setting("area_highway_opacity");
576+
width: 1;
577+
dashes: 9,3;
578+
}
579+
area["area:highway"="secondary"]:closed {
580+
fill-color: secondary#fdbf6f;
581+
fill-opacity: setting("area_highway_opacity");
582+
width: 1;
583+
dashes: 9,3;
584+
}
585+
area["area:highway"="secondary_link"]:closed {
586+
fill-color: secondary#fdbf6f;
587+
fill-opacity: setting("area_highway_opacity");
588+
width: 1;
589+
dashes: 9,3;
590+
}
591+
area["area:highway"="tertiary"]:closed {
592+
fill-color: tertiary#f7f496;
593+
fill-opacity: setting("area_highway_opacity");
594+
width: 1;
595+
dashes: 9,3;
596+
}
597+
area["area:highway"="tertiary_link"]:closed {
598+
fill-color: tertiary#f7f496;
599+
fill-opacity: setting("area_highway_opacity");
600+
width: 1;
601+
dashes: 9,3;
602+
}
603+
area["area:highway"="unclassified"]:closed {
604+
fill-color: street#c0c0c0;
605+
fill-opacity: setting("area_highway_opacity");
606+
width: 1;
607+
dashes: 9,3;
608+
}
609+
area["area:highway"="residential"]:closed {
610+
fill-color: street#c0c0c0;
611+
fill-opacity: setting("area_highway_opacity");
612+
width: 1;
613+
dashes: 9,3;
614+
}
615+
area["area:highway"="road"]:closed {
616+
fill-color: highway_road#770000;
617+
fill-opacity: setting("area_highway_opacity");
618+
width: 1;
619+
dashes: 9,3;
620+
}
621+
area["area:highway"="living_street"]:closed {
622+
fill-color: street#c0c0c0;
623+
fill-opacity: setting("area_highway_opacity");
624+
width: 1;
625+
dashes: 9,3;
626+
dashes-background-color: livingdashed#00ff00;
627+
}
628+
area["area:highway"="pedestrian"]:closed {
629+
fill-color: foot#00ff00;
630+
fill-opacity: setting("area_highway_opacity");
631+
width: 1;
632+
dashes: 9,3;
633+
}
634+
area["area:highway"="raceway"]:closed {
635+
fill-color: raceway#ff80ff;
636+
fill-opacity: setting("area_highway_opacity");
637+
width: 1;
638+
dashes: 9,3;
639+
}
640+
area["area:highway"="service"]:closed {
641+
fill-color: service#809bc0;
642+
fill-opacity: setting("area_highway_opacity");
643+
width: 1;
644+
dashes: 9,3;
645+
}
646+
area["area:highway"="cycleway"]:closed {
647+
fill-color: bicycle#b100ff;
648+
fill-opacity: setting("area_highway_opacity");
649+
width: 1;
650+
dashes: 9,3;
651+
}
652+
area["area:highway"="footway"]:closed {
653+
fill-color: foot#00ff00;
654+
fill-opacity: setting("area_highway_opacity");
655+
width: 1;
656+
dashes: 9,3;
657+
}
658+
area["area:highway"="track"]:closed {
659+
fill-color: highway_track#6e541c;
660+
fill-opacity: setting("area_highway_opacity");
661+
width: 1;
662+
dashes: 9,3;
663+
}
664+
area["area:highway"="bridleway"]:closed {
665+
fill-color: horse#a18559;
666+
fill-opacity: setting("area_highway_opacity");
667+
width: 1;
668+
dashes: 9,3;
669+
}
670+
area["area:highway"="path"]:closed {
671+
fill-color: foot#00ff00;
672+
fill-opacity: setting("area_highway_opacity");
673+
width: 1;
674+
dashes: 9,3;
675+
}
676+
area["area:highway"="construction"]:closed {
677+
fill-color: construction#ffff00;
678+
fill-opacity: setting("area_highway_opacity");
679+
width: 1;
680+
dashes: 9,3;
681+
}
682+
area["area:highway"="steps"]:closed {
683+
fill-color: foot#00ff00;
684+
fill-opacity: setting("area_highway_opacity");
685+
width: 1;
686+
dashes: 9,3;
687+
}
688+
area["area:highway"="bus_guideway"]:closed {
689+
fill-color: rail#404040;
690+
fill-opacity: setting("area_highway_opacity");
691+
width: 1;
692+
dashes: 9,3;
693+
}
694+
area["area:highway"="escape"]:closed {
695+
fill-color: street#c0c0c0;
696+
fill-opacity: setting("area_highway_opacity");
697+
width: 1;
698+
dashes: 9,3;
699+
}
700+
area["area:highway"="traffic_island"]:closed {
701+
fill-color: street#c0c0c0;
702+
fill-opacity: setting("area_highway_opacity");
703+
width: 1;
704+
dashes: 9,3;
705+
}
706+
area["area:highway"="platform"]:closed {
707+
fill-color: highway_platform#c0c0c0;
708+
fill-opacity: setting("area_highway_opacity");
709+
width: 1;
710+
dashes: 9,3;
711+
}
712+
area["area:highway"="bus_stop"]:closed {
713+
fill-color: bus#89cbeb;
714+
fill-opacity: setting("area_highway_opacity");
715+
width: 1;
716+
dashes: 9,3;
717+
}
718+
area["area:highway"="busway"]:closed {
719+
fill-color: bus#89cbeb;
720+
fill-opacity: setting("area_highway_opacity");
721+
width: 1;
722+
dashes: 9,3;
723+
}
724+
area["area:highway"="shoulder"]:closed {
725+
fill-color: street#c0c0c0;
726+
fill-opacity: setting("area_highway_opacity");
727+
width: 1;
728+
dashes: 9,3;
729+
}
730+
area["area:highway"="emergency_bay"]:closed {
731+
fill-color: street#c0c0c0;
732+
fill-opacity: setting("area_highway_opacity");
733+
width: 1;
734+
dashes: 9,3;
735+
}
736+
area["area:highway"="passing_place"]:closed {
737+
fill-color: street#c0c0c0;
738+
fill-opacity: setting("area_highway_opacity");
739+
width: 1;
740+
dashes: 9,3;
741+
}
742+
area["area:highway"="turning_circle"]:closed {
743+
fill-color: street#c0c0c0;
744+
fill-opacity: setting("area_highway_opacity");
745+
width: 1;
746+
dashes: 9,3;
747+
}
748+
area["area:highway"="turning_loop"]:closed {
749+
fill-color: street#c0c0c0;
750+
fill-opacity: setting("area_highway_opacity");
751+
width: 1;
752+
dashes: 9,3;
753+
}
754+
755+
533756
/****************/
534757
/* highway tags */
535758
/****************/
@@ -726,13 +949,7 @@ way[highway=raceway] {
726949
way[highway=raceway][area?], relation[type=multipolygon][highway=raceway] {
727950
fill-color: raceway#ff80ff;
728951
}
729-
area[junction=yes] {
730-
fill-color: junction#c0c0c0;
731-
}
732-
node[junction=yes] {
733-
icon-image: "presets/vehicle/junction.svg";
734-
set icon_z17;
735-
}
952+
736953
node[highway=traffic_mirror] {
737954
icon-image: "presets/vehicle/traffic_mirror.svg";
738955
set icon_z17;
@@ -975,6 +1192,15 @@ node[traffic_calming=mini_bumps] {
9751192
/* junction tag */
9761193
/****************/
9771194

1195+
area["junction"][!"junction"?!] {
1196+
set junctionArea;
1197+
}
1198+
1199+
node[junction=yes] {
1200+
icon-image: "presets/vehicle/junction.svg";
1201+
set icon_z17;
1202+
}
1203+
9781204
node[junction=roundabout] {
9791205
icon-image: "presets/vehicle/restriction/roundabout_left.svg";
9801206
set icon_z17;
@@ -984,6 +1210,30 @@ node:righthandtraffic[junction=roundabout] {
9841210
set icon_z17;
9851211
}
9861212

1213+
area.junctionArea[!"area:highway"] {
1214+
fill-color: junction#c0c0c0;
1215+
}
1216+
1217+
/********************************/
1218+
/* area:highway + junction tags */
1219+
/********************************/
1220+
1221+
area.junctionArea["area:highway"]:closed {
1222+
dashes-background-color: junction#c0c0c0;
1223+
}
1224+
area.junctionArea["area:highway"]:clockwise:closed {
1225+
right-casing-width: 10;
1226+
right-casing-color: junction#c0c0c0;
1227+
right-casing-linejoin: miter;
1228+
right-casing-opacity: setting("area_highway_opacity") + 0.1;
1229+
}
1230+
area.junctionArea["area:highway"]:anticlockwise:closed {
1231+
left-casing-width: 10;
1232+
left-casing-color: junction#c0c0c0;
1233+
left-casing-linejoin: miter;
1234+
left-casing-opacity: setting("area_highway_opacity") + 0.1;
1235+
}
1236+
9871237
/*****************/
9881238
/* cycleway tags */
9891239
/*****************/

0 commit comments

Comments
 (0)