User:Alan Vos/Whitewater Kosmos Rendering Rules

From OpenStreetMap Wiki
Jump to navigation Jump to search

Rendering rule for use with Kosmos, to create whitewater maps (see WikiProject Whitewater Maps) showing different graded sections as different colours.

The colours used here are purely to show the approach, opinions as to which are best will no doubt differ.

These rules are intended to be as consistent as possible and to make best use of whichever tags have been provided.

The distinction drawn between rapids and sections is that rapids are more detailed than sections, so get priority for rendering. Sections, rapid as nodes and rapid as ways can all have _name and _grade tags. On nodes, rapid_grade overlays the icon, rapid_name is shown below


Example rendering:

Soca OSM.png


Map Legend

Kosmos Whitewater Key Trial.png

Differences

These are the differences compared to the current WikiProject Whitewater Maps article and associated Whitewater_Kosmos_Rendering_Rules:

  • different grading colours, mainly due to personal preference
  • whitewater:section_name is added
  • whitewater:rapid_name and whitewater:rapid_grade are both included for both nodes and ways
  • whitewater=portage is added for both waterways and highways (portage paths)
  • show river names when zoomed out past minimum zoom levels for whitewater tags, or when there is no section or rapid name
  • moved rendering of names for sections and rapids as ways into different rules from the polylines to reduce duplication
  • removed rules for styles of tagging that were not found in OSM data (could easily put these back)

TODO

  • a matching icon for portage nodes (currently uses LevelCrossing)



Contours

Rule Name Targets Selector Template Options Comment
ContoursMajor way IsTaggedWith(e,"ele") AND ValueNum(e,"ele") % 100 = 0 Polyline (MinZoom=11, Color=#FFAD8852, Width=1, Curved=true) for elevation contours generated by Srtm2Osm
ContoursMinor way IsTaggedWith(e,"ele") AND ValueNum(e,"ele") % 100 <> 0 Polyline (MinZoom=12, Color=#60AD8852, Width=1, Curved=true) for elevation contours generated by Srtm2Osm



Land Areas

Rule Name Targets Selector Template Options Comment
Coastline way natural=coastline Polyline (MinZoom=1, Color=#8BCCE5, Width=11:1;17:5, Curved=true)
Wood area natural=wood Polygon (Color=#99DB9C)
Scrub area natural=scrub Polygon (Color=#99EE9C)
Fell area natural=fell Polygon (Color=#CDDB69)
Farm area landuse=farm Polygon (Color=#EFDD8B)
Residential area landuse=residential Polygon (Color=#DCDCDC)
Industrial area landuse=industrial Polygon (Color=#FEADB8)
Commercial area landuse=commercial Polygon (Color=#EFC8C8)
Retail area landuse=retail Polygon (Color=#F0DADA)
Reservoir area landuse=reservoir Polygon (Color=#B5D0D0)
Basin area landuse=basin Polygon (Color=#B5D0D0)
Forest area landuse=forest Polygon (Color=#CFECA8)
Cemetery area landuse=cemetery Polygon (Color=#A9CAAE, BackgroundColor=#75AC7D, HatchStyle=DashedVertical)
Allotments area landuse=allotments Polygon (Color=#C8B084)
School area amenity=school Polygon (Color=#F0F0D8)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Times New Roman, FontStyle=bold, FontSize=15:6;17:10, TextMode=AreaCenter)
Skiing area sport=skiing Polygon (Color=#CDDB69)
HorseRacing area sport=horse_racing Polygon (Color=peru)
Tennis area sport=tennis Polygon (Color=lightsalmon)
Swimming area sport=swimming Polygon (Color=lightblue)
Park area leisure=park Polygon (Color=#C7F1A3)
Pitch area leisure=pitch Polygon (Color=#8AD2AE)
GolfCourse area leisure=golf_course Polygon (Color=#7CCC7C)
Common area leisure=common Polygon (Color=#CFECA8)
ParkingArea area amenity=parking Polygon (Color=#F6EEB7)

Water Features

Rule Name Targets Selector Template Options Comment
Water area natural=water Polygon (Color=lightblue)
River way waterway=river Polyline (MinZoom=5, Color=lightblue, Width=5:1;10:1;17:8, Curved=true)
Drain way waterway=drain Polyline (MinZoom=13, Color=lightblue, Width=13:1;17:6, Curved=true)
Stream way waterway=stream Polyline (MinZoom=13, Color=lightblue, Width=13:1;17:4, Curved=true)
Canal way waterway=canal Polyline (MinZoom=5, Color=lightblue, Width=5:1;10:1;17:6, Curved=true)
Riverbank area waterway=riverbank Polygon (Color=lightblue)
Land area natural=land Polygon (Color=white)

Whitewater Maps

Rule Name Targets Selector Template Options Comment
PutinNode node whitewater=put_in Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/1/1b/Ww_put_in.png, Width=12:7;17:24, Options=TopLevel) Ww put in.png
EgressNode node whitewater=egress Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/e/e7/Ww_egress.png, Width=12:7;17:24, Options=TopLevel) Ww egress.png
Putin/EgressNode node whitewater=put_in;egress Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/2/2a/Ww_put_in_egress.png, Width=12:7;17:24, Options=TopLevel) Ww put in egress.png
Egress/PutinNode node whitewater=egress;put_in Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/2/2a/Ww_put_in_egress.png, Width=12:7;17:24, Options=TopLevel) Ww put in egress.png
HazardNode node whitewater=hazard Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/b/bb/Ww_hazard.png, Width=12:7;17:24, Options=TopLevel) Ww hazard.png
WwNameNode node whitewater=* Text (MinZoom=13, Color=black, OutlineColor=#FFFFFF, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=13:6;17:12, TextLineOffset=-100%) Names for whitewater=*
RiverName way waterway=river Text (MinZoom=11, MaxZoom=13, Color=#333333, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=11:6;15:12) Show river names at low zoom levels
RapidGradeNode node whitewater:rapid_grade=* Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/d/d4/Ww_rapid.png, Width=12:7;17:24, Options=TopLevel) Text (MinZoom=13, Color=#000000, OutlineColor=#FFFFFF, TagToUse=whitewater:rapid_grade, FontName=Arial, FontStyle=regular, FontSize=13:7;17:14) Ww rapid.png Overlaid with grade
RapidNameNode node whitewater:rapid_name=* Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/d/d4/Ww_rapid.png, Width=12:7;17:24, Options=TopLevel) Text (MinZoom=13, Color=#333333, OutlineColor=#FFFFFF, TagToUse=whitewater:rapid_name, FontName=Arial, FontStyle=regular, FontSize=13:6;17:12, TextLineOffset=-100%) Ww rapid.png Rapid (node) names for all grades
PortageNode node whitewater=portage Icon (MinZoom=13, IconUrl=http://wiki.openstreetmap.org/images/3/32/LevelCrossing.png, Width=12:7;17:24, Options=TopLevel) LevelCrossing.png By itself, or on top of Ww rapid.png if rapid tagged
SectionGrade1Way way whitewater:section_grade=1 Polyline (MinZoom=13, Color=limegreen, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade1+Way way whitewater:section_grade=1+ Polyline (MinZoom=13, Color=limegreen, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade2-Way way whitewater:section_grade=2- Polyline (MinZoom=13, Color=yellow, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade2Way way whitewater:section_grade=2 Polyline (MinZoom=13, Color=yellow, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade2+Way way whitewater:section_grade=2+ Polyline (MinZoom=13, Color=yellow, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade3-Way way whitewater:section_grade=3- Polyline (MinZoom=13, Color=orange, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade3Way way whitewater:section_grade=3 Polyline (MinZoom=13, Color=orange, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade3+Way way whitewater:section_grade=3+ Polyline (MinZoom=13, Color=orange, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade4-Way way whitewater:section_grade=4- Polyline (MinZoom=13, Color=mediumvioletred, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade4Way way whitewater:section_grade=4 Polyline (MinZoom=13, Color=mediumvioletred, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade4+Way way whitewater:section_grade=4+ Polyline (MinZoom=13, Color=mediumvioletred, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade5-Way way whitewater:section_grade=5- Polyline (MinZoom=13, Color=red, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade5Way way whitewater:section_grade=5 Polyline (MinZoom=13, Color=red, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade5+Way way whitewater:section_grade=5+ Polyline (MinZoom=13, Color=red, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade6-Way way whitewater:section_grade=6- Polyline (MinZoom=13, Color=black, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionGrade6Way way whitewater:section_grade=6 Polyline (MinZoom=13, Color=black, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
SectionNameWay way whitewater:section_grade=* Text (MinZoom=13, Color=#333333, OutlineColor=#FFFFFF, TagToUse=whitewater:rapid_name;whitewater:section_name;name, FontName=Arial, FontStyle=regular, FontSize=13:8;17:16) Section names for all grades
RapidGrade1Way way whitewater:rapid_grade=1 Polyline (MinZoom=13, Color=limegreen, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade1+Way way whitewater:rapid_grade=1+ Polyline (MinZoom=13, Color=limegreen, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade2-Way way whitewater:rapid_grade=2- Polyline (MinZoom=13, Color=yellow, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade2Way way whitewater:rapid_grade=2 Polyline (MinZoom=13, Color=yellow, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade2+Way way whitewater:rapid_grade=2+ Polyline (MinZoom=13, Color=yellow, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade3-Way way whitewater:rapid_grade=3- Polyline (MinZoom=13, Color=orange, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade3Way way whitewater:rapid_grade=3 Polyline (MinZoom=13, Color=orange, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade3+Way way whitewater:rapid_grade=3+ Polyline (MinZoom=13, Color=orange, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade4-Way way whitewater:rapid_grade=4- Polyline (MinZoom=13, Color=mediumvioletred, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade4Way way whitewater:rapid_grade=4 Polyline (MinZoom=13, Color=mediumvioletred, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade4+Way way whitewater:rapid_grade=4+ Polyline (MinZoom=13, Color=mediumvioletred, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade5-Way way whitewater:rapid_grade=5- Polyline (MinZoom=13, Color=red, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade5Way way whitewater:rapid_grade=5 Polyline (MinZoom=13, Color=red, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade5+Way way whitewater:rapid_grade=5+ Polyline (MinZoom=13, Color=red, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade6-Way way whitewater:rapid_grade=6- Polyline (MinZoom=13, Color=black, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidGrade6Way way whitewater:rapid_grade=6 Polyline (MinZoom=13, Color=black, DashStyle=Dash, Width=13:1;17:4, Curved=true, Options=TopLevel)
RapidNameWay way whitewater:rapid_name=* Text (MinZoom=13, Color=#333333, OutlineColor=#FFFFFF, TagToUse=whitewater:rapid_name;whitewater:section_name;name, FontName=Arial, FontStyle=regular, FontSize=13:8;17:16) Rapid (way) names for all grades
PortageWaterway way whitewater=portage waterway=* Symbol (MinZoom=13, Color=#BFFF0000, Type=Diamond, Size=15, Density=30.0, Width=13:1;17:4, Curved=true, Options=TopLevel) Show 'compulsory' portage
PortageHighway way whitewater=portage highway=* Polyline (MinZoom=13, Color=#993300, DashStyle=Dash, Width=15:1;17:2, Options=TopLevel) Highlight portage routes
PortageNameWay way whitewater=portage highway=* Text (MinZoom=13, Color=#333333, TagToUse=name, OutlineColor=#FFFFFF, FontName=Arial, FontStyle=regular, FontSize=13:6;17:12) Show any names on portage

POIs

Rule Name Targets Selector Template Options Comment
AerodromeNode node aeroway=aerodrome Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/a/aa/Aerodrome20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Aerodrome20.png
TerminalNode node aeroway=terminal Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/d/d3/Terminal20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Terminal20.png
HelipadNode node aeroway=helipad Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/f/f7/Helipad20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Helipad20.png
HospitalNode node amenity=hospital Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/1/1b/Hospital20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Hospital20.png
Pharmacy1Node node amenity=pharmacy dispensing=yes Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/f/f3/Pharmacyyes20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Pharmacyyes20.png
Pharmacy2Node node amenity=pharmacy dispensing=no Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/a/a7/Pharmacyno20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Pharmacyno20.png
FuelNode node amenity=fuel Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/0/01/Fuel20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Fuel20.png
ParkingNode node amenity=parking Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/9/9a/Parking20.png, Width=12:5;17:20) Parking20.png
FerryterminalNode node amenity=ferry_terminal Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/0/08/Ferryterminal20.png, Width=12:5;17:20) Ferryterminal20.png
BusstationNode node amenity=bus_station Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/b/b0/Busstation20.png, Width=12:5;17:20) Busstation20.png
BusstopNode node highway=bus_stop Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/7/71/Busstop20.png, Width=12:5;17:20) Busstop20.png
TaxiNode node amenity=taxi Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/6/62/Taxi20.png, Width=12:5;17:20) Taxi20.png
CarrentalNode node amenity=car_rental Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/5/5a/Carrental20.png, Width=12:5;17:20) Carrental20.png
BicyclerentalNode node amenity=bicycle_rental Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/d/d9/Bicycle_rental20.png, Width=12:5;17:20) Bicycle rental20.png
BicycleparkingNode node amenity=bicycle_parking Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/e/eb/Bicycle_parking20.png, Width=12:5;17:20) Bicycle parking20.png
BankNode node amenity=bank Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/4/4a/Bank20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Bank20.png
AtmNode node amenity=atm Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/0/0f/Atm20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Atm20.png
RestaurantNode node amenity=restaurant Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/a/a2/Restaurant20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Restaurant20.png
CafeNode node amenity=cafe Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/e/ef/Cafe20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Cafe20.png
Fast_foodNode node amenity=fast_food Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/4/4f/Fastfood20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Fastfood20.png
PubNode node amenity=pub Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/b/b9/Pub20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Pub20.png
BiergartenNode node amenity=biergarten Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/2/26/Biergarten20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Biergarten20.png
SchoolNode node amenity=school Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/0/08/School20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
School20.png
ToiletsNode node amenity=toilets Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/7/76/Toilets20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Toilets20.png
VendingMachineNode node amenity=vending_machine Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/1/17/Vending_machine20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Vending machine20.png
TheatreNode node amenity=theatre Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/6/63/Theatre20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Theatre20.png
CinemaNode node amenity=cinema Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/2/25/Cinema20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Cinema20.png
NightclubNode node amenity=nightclub Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/c/c2/Nightclub20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Nightclub20.png
ArtscentreNode node amenity=arts_centre Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/8/86/Artscentre20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Artscentre20.png
FountainNode node amenity=fountain Icon (MinZoom=14, IconUrl=http://wiki.openstreetmap.org/images/a/aa/Fountain20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Fountain20.png
TownhallNode node amenity=townhall Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/6/67/Townhall20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Townhall20.png
CourthouseNode node amenity=courthouse Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/f/fa/Courthouse20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Courthouse20.png
RecyclingNode node amenity=recycling Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/e/ee/Recycling20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Recycling20.png
PostofficeNode node amenity=post_office Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/0/0b/Postoffice20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Postoffice20.png
PostboxNode node amenity=post_box Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/a/a3/Postbox20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Postbox20.png
TelephoneNode node amenity=telephone Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/d/dd/Telephone20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Telephone20.png
PlaceofworshipNode node amenity=place_of_worship religion=christian Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/2/20/Christian20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Christian20.png
CastleNode node historic=castle Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/d/d7/Castle20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=13:5;17:9, TextLineOffset=-200%)
Castle20.png
CastleRuinsNode node historic=castle ruins=yes Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/images/d/df/Ruins20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=13:5;17:9, TextLineOffset=-200%)
Ruins20.png
RuinsNode node historic=ruins Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/d/df/Ruins20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=13:5;17:9, TextLineOffset=-200%)
Ruins20.png
MonumentNode node historic=monument Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/d/db/Monument20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=13:5;17:9, TextLineOffset=-200%)
Monument20.png
BattlefieldNode node historic=battlefield Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/a/a4/Battlefield20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Battlefield20.png
WreckNode node historic=wreck Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/9/94/Wreck20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Wreck20.png
InformationNode node tourism=information Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/d/db/Information20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Information20.png
HotelNode node tourism=hotel Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/c/c9/Hotel20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Hotel20.png
MotelNode node tourism=motel Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/5/55/Motel20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Motel20.png
HostelNode node tourism=hostel Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/6/6a/Hostel20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Hostel20.png
Guest_houseNode node tourism=guest_house Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/5/57/Guest_house20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Guest house20.png
Camp_siteNode node tourism=camp_site Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/1/19/Campsite20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Campsite20.png
Caravan_siteNode node tourism=caravan_site Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/3/32/Caravansite20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Caravansite20.png
Picnic_siteNode node tourism=picnic_site Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/6/68/Picnicsite20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Picnicsite20.png
ViewpointNode node tourism=viewpoint Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/1/18/Viewpoint20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Viewpoint20.png
MuseumNode node tourism=museum Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/6/66/Museum20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Museum20.png
ThemeparkNode node tourism=theme_park Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/5/50/Themepark20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Themepark20.png
ZooNode node tourism=zoo Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/8/8d/Zoo20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Zoo20.png
SupermarketNode node shop=supermarket Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/2/29/Supermarket20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Supermarket20.png
BakeryNode node shop=bakery Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/e/e2/Bakery20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Bakery20.png
ButcherNode node shop=butcher Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/a/a4/Butcher20.png, Width=12:5;17:20)
Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Butcher20.png
DoityourselfNode node shop=doityourself Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/6/60/Doityourself20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Doityourself20.png
OutdoorNode node shop=outdoor Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/e/eb/Outdoor20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Outdoor20.png
LighthouseNode node man_made=lighthouse Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/1/18/Lighthouse20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Lighthouse20.png
WindmillNode node man_made=windmill Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/e/e3/Windmill20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Windmill20.png
WatertowerNode node man_made=water_tower Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/3/33/Watertower20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Watertower20.png
CraneNode node man_made=crane Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/f/fa/Crane20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Crane20.png
WorksNode node man_made=works Icon (MinZoom=15, IconUrl=http://wiki.openstreetmap.org/images/c/c9/Works20.png, Width=12:5;17:20)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:9, TextLineOffset=-200%)
Works20.png
TrafficSignals node highway=traffic_signals Icon (MinZoom=16, IconUrl=http://wiki.openstreetmap.org/images/a/a1/Icon-highway_traffic_signals.png, Width=12:5;17:20) Icon-highway traffic signals.png
RailwayStation node railway=station Symbol (Type=Circle, MinZoom=15, Color=red, BorderColor=black, BorderWidth=15%, Size=13:6;17:12)
Tram-Stop node railway=tram_stop Symbol (Type=Circle, MinZoom=15, Color=red, BorderColor=black, BorderWidth=15%, Size=13:6;17:10)
Peak node natural=peak Symbol (Type=Triangle, MinZoom=11, Color=gray, BorderColor=black, BorderWidth=15%, Size=13:6;17:20)
Text (MinZoom=12, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=Italic, FontSize=12:6;17:15, TextLineOffset=-150%)

Highways

Rule Name Targets Selector Template Options Comment
HighwayPath way highway=path Polyline (MinZoom=13, Color=#FFDE93, BorderColor=gray, Width=13:1;17:6) EliminateSeams
HighwayPathText way highway=path Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayFootway way highway=footway Polyline (MinZoom=13, Color=#FFDE93, BorderColor=gray, Width=13:1;17:6) EliminateSeams
HighwayFootwayText way highway=footway Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwaySteps way highway=steps Polyline (MinZoom=13, Color=#FFDE93, DashStyle=Dot, BorderColor=gray, Width=13:1;17:6) EliminateSeams
HighwayBridleway way highway=bridleway Polyline (MinZoom=13, Color=#DDDDDD, BorderColor=gray, Width=13:1;17:6) EliminateSeams
HighwayBridlewayText way highway=bridleway Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayCicleway way highway=cycleway Polyline (MinZoom=13, Color=#0202FE, DashStyle=Dash, Width=13:1;17:4) EliminateSeams
HighwayUnsurfaced way highway=unsurfaced Polyline (MinZoom=14, Color=white, BorderDashStyle=Dash, BorderColor=gray, Width=11:1;14:3;17:14) EliminateSeams
HighwayUnsurfacedText way highway=unsurfaced Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayUnclassified way highway=unclassified Polyline (MinZoom=11, Color=white, BorderColor=gray, Width=11:1;13:3;17:14) EliminateSeams
HighwayUnclassifiedText way highway=unclassified Text (MinZoom=16, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayPedestrian way highway=pedestrian Polyline (MinZoom=13, Color=lightgray, BorderColor=gray, Width=14:3;17:14) EliminateSeams
HighwayPedestrianArea area highway=pedestrian area=yes Polygon (MinZoom=13, Color=lightgray, BorderColor=gray, BorderWidth=1)
Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9, TextMode=AreaCenter)
EliminateSeams
HighwayPedestrianText way highway=pedestrian Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayResidential way highway=residential Polyline (MinZoom=11, Color=white, BorderColor=gray, Width=11:1;13:3;17:14) EliminateSeams
HighwayResidentialText way highway=residential Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayService way highway=service Polyline (MinZoom=12, Color=white, BorderColor=gray, Width=12:1;13:2;17:13) EliminateSeams
HighwayServiceText way highway=service Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:8)
HighwayMinor way highway=minor Polyline (MinZoom=12, Color=white, BorderColor=gray, Width=12:1;13:2;17:13) EliminateSeams
HighwayMinorText way highway=minor Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:5;17:8)
HighwayTrack way highway=track Polyline (MinZoom=11, Color=#E2E2E2, BorderColor=gray, Width=11:1;17:10) EliminateSeams
HighwayTertiary way highway=tertiary Polyline (MinZoom=10, Color=#F7F496, BorderColor=gray, Width=10:1;13:4;17:14) EliminateSeams
HighwayTertiaryText way highway=tertiary Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwaySecondary way highway=secondary EliminateSeams
.Bridge bridge=yes Polyline (MinZoom=8, Color=#FDBF6F, BorderColor=gray, Width=8:1;10:2;13:6;17:14, BorderWidth=30%)
.* Polyline (MinZoom=8, Color=#FDBF6F, BorderColor=gray, Width=8:1;10:2;13:6;17:14)
HighwaySecondaryText way highway=secondary Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayPrimary way highway=primary EliminateSeams
.Bridge bridge=yes Polyline (MinZoom=6, Color=#E46D71, BorderColor=gray, Width=6:0;11:3;17:14, BorderWidth=30%)
.* Polyline (MinZoom=6, Color=#E46D71, BorderColor=gray, Width=6:0;11:3;17:14)
HighwayPrimaryText way highway=primary Text (MinZoom=15, Color=black, TagToUse=name, FontName=Arial, FontStyle=regular, FontSize=15:6;17:9)
HighwayPrimaryLink way highway=primary_link Polyline (MinZoom=6, Color=#E46D71, BorderColor=gray, Width=6:1;17:14) EliminateSeams
HighwayTrunk way highway=trunk Polyline (MinZoom=6, Color=green, BorderColor=gray, Width=6:1;17:14) EliminateSeams
HighwayTrunkLink way highway=trunk_link Polyline (MinZoom=6, Color=green, BorderColor=gray, Width=6:1;17:14) EliminateSeams
HighwayMotorway way highway=motorway EliminateSeams
.Bridge bridge=yes Polyline (MinZoom=6, Color=#809BC0, BorderColor=gray, Width=6:1;17:14, BorderWidth=30%)
.* Polyline (MinZoom=6, Color=#809BC0, BorderColor=gray, Width=6:1;17:14)
HighwayMotorwayLink way highway=motorway_link Polyline (MinZoom=6, Color=#809BC0, BorderColor=gray, Width=6:1;17:14) EliminateSeams

Other Ways

Rule Name Targets Selector Template Options Comment
Rail way railway=rail Polyline (MinZoom=6, Color=white, DashStyle=Dot, BorderColor=gray, Width=6:1;17:6) EliminateSeams
RailDisused way railway=disused Polyline (MinZoom=10, Color=white, DashStyle=Dot, BorderColor=#DDDDDD, Width=10:1;17:4) EliminateSeams
CableCar way aerialway=cable_car Symbol (MinZoom=12, Type=Circle, Density=30, Color=#00000000, BorderWidth=20%, BorderColor=black, Size=12:2;17:10)
Polyline (MinZoom=12, Color=black, Width=12:0.5;17:3)
DragLift way aerialway=drag_lift Symbol (MinZoom=12, Type=Circle, Density=30, Color=#00000000, BorderWidth=10%, BorderColor=black, Size=12:2;17:10)
Polyline (MinZoom=12, Color=black, Width=12:0.5;17:2)
ChairLift way aerialway=chair_lift Symbol (MinZoom=12, Type=Circle, Density=30, Color=#00000000, BorderWidth=10%, BorderColor=black, BackgroundColor=black, Size=12:2;17:10)
Polyline (MinZoom=12, Color=black, Width=12:0.5;17:2)
Ferry way route=ferry Polyline (MinZoom=8, Color=darkgray, DashStyle=Dot, Width=8:0.1;17:4)
Border way boundary=administrative
.level2 admin_level=2 Polyline (MinZoom=1, Color=red, DashStyle=DashDot, Width=1:1;9:1.5;17:6)
.level4 admin_level=4 Polyline (MinZoom=10, Color=black, DashStyle=DashDot, Width=1:1;9:1.5;17:6)
.level8 admin_level=8 Polyline (MinZoom=12, Color=#A4A4A4, DashStyle=Dot, Width=1:1;9:1.5;17:6)
.* Polyline (MinZoom=12, Color=black, DashStyle=DashDot, Width=1:1;9:1.5;17:6)
Runway way aeroway=runway Polyline (MinZoom=11, Color=#BBBBCC, Width=11:1;17:30)
Taxiway way aeroway=taxiway Polyline (MinZoom=12, Color=#BBBBCC, Width=12:1;17:10)


Places

Rule Name Targets Selector Template Options Comment
PlaceCountry node place=country Text (MinZoom=3, MaxZoom=7, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=3:7;7:20)
PlaceCity node place=city Text (MinZoom=7, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=7:10;17:30)
PlaceTown node place=town Text (MinZoom=10, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=10:10;17:25)
PlaceVillage node place=village Text (MinZoom=12, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=12:10;17:20)
PlaceIsland node place=island Text (MinZoom=12, MaxZoom=16, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=12:10;17:20)
PlaceSuburb node place=suburb Text (MinZoom=13, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=13:10;17:20)
PlaceHamlet node place=hamlet Text (MinZoom=14, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=14:8;17:14)
PlaceLocality node place=locality Text (MinZoom=14, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=14:8;17:14)
PlaceFarm node place=farm Text (MinZoom=15, Color=black, TagToUse=name, FontName=Trebuchet MS, FontStyle=bold, FontSize=15:8;17:13)

Buildings

Rule Name Targets Selector Template Options Comment
BuildingResidential area building=residential Polygon (MinZoom=12, Color=#F3D6B6, BorderColor=#6B5B8E, BorderWidth=1)
BuildingAny area building=* Polygon (MinZoom=13, Color=thistle, BorderColor=#6B5B8E, BorderWidth=1)
Text (MinZoom=16, Color=black, TagToUse=name;building, FontName=Arial, FontStyle=regular, FontSize=16:6;17:10, TextMode=AreaCenter)