OpenStreetMap logo OpenStreetMap

Users' Diaries

Recent diary entries

Малые ворота - перевал, входивший в нитку всесоюзных маршрутов 111, 25 и др. Тырхалу- богаз, Кучук-капу… Вспомним Закалдаева Николая Викторовича.

Location: Криничненское сельское поселение, Белогорский район, Автономная Республика Крым, Украина

overpass turbo (overpass-turbo.eu) – “the” graphical user interface for Overpass API – just got a nice new feature: Now, you can use MapCSS to style the results of your Overpass queries.

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)

Examples

See full entry