Taking OpenStreetMap map design to the next level

OSM-Carto alternative colors

A poster for the State of the Map 2026 conference demonstrating map design innovations in an OpenStreetMap based map style.

by Christoph Hormann, Imagico.de.

Useful links:

Below a number of examples from the maps on the poster with explanation of the map design innovations.

Map design under CC-BY-SA 4.0. Map data by OpenStreetMap contributors - licensed under ODbL.

Example 1:

example 1
locator map for example 1

Differentiated rendering of linear barrier=* - here showing barrier=wall and barrier=retaining_wall.

blog post about this

view on osm.org

Example 2:

example 2
locator map for example 2

Symbol augmentation for bus stops with shelter - either mapped with shelter=yes on the bus stop or with a separate shelter node closeby. The augmentation is optional, meaning it is displayed only if there is space and it is dynamic, meaning if there is no space on the top left a top right position is used instead.

blog post about this

view on osm.org

Example 3:

example 3
locator map for example 3

Displacement of house numbers when mapped together with POIs. Housenumbers also get de-duplicated when mapped both on building and on POI node.

blog post about this

view on osm.org

Example 4:

example 4
locator map for example 4

Flat line ends at tunnel portal for precise match to surrounding geometries. Note the barrier=retaining_wall on top of the tunnel portal. Also visible is a barrier=fence along the tunnel ramp.

blog post about this

view on osm.org

Example 5:

example 5
locator map for example 5

Ground unit rendering of roads based on tagged/estimated width, lanes=* visualization on roads, bus/cycle/parking lane display.

blog post about this

view on osm.org

Example 6:

example 6
locator map for example 6

Symbol augmentation for secondary tags on parking: fee=yes (with currency symbol matching location), supervised=yes, access=customers, capacity=1

blog post about this

view on osm.org

Example 7:

example 7
locator map for example 7

Floating pier indicated through additional dark blue outline

blog post about this

view on osm.org

Example 8:

example 8
locator map for example 8

Visualization of direction on viewpoints

blog post about this

view on osm.org

Example 9:

example 9
locator map for example 9

Indication of unknown surface of parkings

blog post about this

view on osm.org

Example 10:

example 10
locator map for example 10

Differentiated, non-blocking rendering of trees based on leaf_type/leaf_cycle and diameter_crown/circumference/height

blog post about this

view on osm.org

Example 11:

example 11
locator map for example 11

Visualization of access restrictions with exceptions on roads and access restricted barriers

blog post about this

view on osm.org

Example 12:

example 12
locator map for example 12

Rendering of natural=scrub differentiated by leaf_type/leaf_cycle. Left is deciduous and broadleaved, right is untagged.

blog post about this

view on osm.org

Example 13:

example 13
locator map for example 13

Flat open line ends on roads

blog post about this

view on osm.org

Example 14:

example 14
locator map for example 14

Symbol augmentation for secondary tags on charging stations: capacity=*, socket:*

view on osm.org

Example 15:

example 15
locator map for example 15

Differentiated rendering of benches based on backrest=*, material=*

blog post about this

view on osm.org

Example 16:

example 16
locator map for example 16

Disabled parking spaces, visualization of surface on parkings

blog post about this

view on osm.org

Example 17:

example 17
locator map for example 17

Display of sport=* on leisure=pitch using single symbol pattern (the non-blocking symbol gets clipped to the extent of the pitch)

blog post about this

view on osm.org

Example 18:

example 18
locator map for example 18

Display of line features on pedestrian areas (like road tunnels, barriers) while maintaining correct layering of roads

blog post about this

view on osm.org

Example 19:

example 19
locator map for example 19

Display of implicitly mapped sidewalks on roads

blog post about this

view on osm.org

Example 20:

example 20
locator map for example 20

Symbol augmentation for drinking_water=yes on water related features. Reserving bright blue color for water related features for better map readability

blog post about this

view on osm.org

Example 21:

example 21
locator map for example 21

Context adjusted display of pedestrian crossings, including differentiation of marked/unmarked and crossing:island=yes, implicitly mapped street side parking.

blog post about this

view on osm.org


written July 2026 by Christoph Hormann, Imagico.de. Examples CC-BY-SA 4.0 - Impressum, Privacy policy