OpenStreetMap

tyrTester2's Diary

Recent diary entries

test entry

Posted by tyrTester2 on 20 June 2013 in English (English).

test markdown css

some text

some code snippet
with
multiple
lines

more text

single line snippet

foo inline code bar

test diary entry

Posted by tyrTester2 on 16 April 2013 in English (English).

MapCSS

MapCSS is a CSS-like language for map stylesheets. In overpass turbo, those stylesheets can be attached to your query by using a special curly-bracket “mustache” notatiMapCSS is a CSS-like language for map stylesheets. In overpass turbo, those stylesheets can be attached to a query by using a special curly-bracket “mustache” notation:

<osm-script>
  ... your overpass query here ...
</osm-script>
{{style:
  ... your mapcss stylesheet here ...
}}

MapCSS support is still somewhat limited (no text labels, no casings for lines, no layers - more information) but you can already achieve quite pleasant results: See (and try) the examples below.

Supported styling-properties include:

  • lines: color, width, opacity and dash-arrays
  • areas: fill-color, fill-opacity and casings
  • points: icons or symbols (circle)