Skip to content

geojson_style_spec.md

Latest commit

 

History

History
64 lines (53 loc) · 3.53 KB

geojson_style_spec.md

File metadata and controls

64 lines (53 loc) · 3.53 KB

Advanced feature styling

Mapforge stores your maps in GeoJSON format. Below you can see the list of supported properties to style your map elements (called features in GeoJSON). Most of the properties are supported to be changed in the UI. For changing the properties directly, you can use the Edit JSON button in the feature details modal.

Supported feature attributes:

Extending the Mapbox Simplestyle Spec, Mapforge supports these feature attributes:

All geometries:

  • label: Label to show on the map (no emoji support)
  • label-size: font size (default 16, max. 254)
  • label-font: label font array (default depends on base map, like ['noto_sans_regular'])
  • label-color: font color in format "#000000" (default)
  • label-justify: alignment: auto (default), left, center, right
  • label-max-width: line width (default 10)
  • label-letter-spacing: space between letters (default 0)
  • label-shadow: font shadow in format "#ffffff" (default)
  • sort-key: sort order of features: higher numbers overlay lower numbers (default: 1)
  • min-zoom: Display feature only on zoom levels bigger than min-zoom
  • title: title
  • desc: detailed description (markdown supported)
  • onclick: on hover/click behavior: 'details' (default), 'false' (do not react on hover/click), 'link' (link to url), 'feature' (link to another feature on the map)
  • onclick-target: required for onclick=link/feature: url or feature id of target

Point geometry:

  • marker-color: circle color (default "green", 'transparent' for none)
  • marker-size: radius of the marker (default: 6, with 'marker-symbol' fixed to 16 )
  • marker-opacity: opacity of the marker (default: 0.7)
  • marker-symbol: taken as text/emoji, emoji list: https://emojipedia.org/google/15.1
  • marker-image-url: URL pointing to icon image. Can point to a Mapforge hosted image like /image/
  • marker-scaling: marker scales with zoom level (default: false)
  • stroke-width: width of the circle border line (default: 2)
  • stroke: circle border color (default "white", 'transparent' for none)
  • heatmap: if set, points will be styled as a heatmap
  • flat: if set, marker + label with be projected 'flat' on the map
  • marker-rotate: rotate marker by x degrees clockwise

LineString geometry:

  • stroke-width: width of the line (default: 2)
  • stroke: line color (default: 'darkgreen')
  • stroke-opacity: opacity of the line (default: 0.8)
  • stroke-image-url: URL pointing to icon image that will get repeated along the line. Can point to a Mapforge hosted image like /icons/direction-arrow.png
  • stroke-symbol: taken as text/emoji, emoji list: https://emojipedia.org/google/16
  • stroke-dasharray: true/false for making the stroke line dashed (default: false)
  • fill-extrusion-color: color of the extrusion (default: green)
  • fill-extrusion-height: height in m
  • fill-extrusion-width: width in m
  • fill-extrusion-base: ground distance in m (default: 0)
  • show-km-markers: show markers at each kilometer (default: false)

Polygon geometry:

  • stroke-width: width of the line (default: 3)
  • stroke: line color (default: 'darkgreen', 'transparent' for none)
  • stroke-opacity: opacity of the line (default: 1.0)
  • fill: fill color (default: "#0A870A", green, 'transparent' for none)
  • fill-opacity: opacity of the fill color (default: 0.7)
  • fill-extrusion-color: color of the extrusion (default: green)
  • fill-extrusion-height: height in m
  • fill-extrusion-base: ground distance in m (default: 0)