main/footways.yaml

query:
  15: |
    (
    way[highway~"^(footway|pedestrian|steps|path|platform)$"];
    way[highway=cycleway][foot~"^(yes|designated)$"];
    way[footway];
    way["area:highway"~"^(footway|pedestrian|steps|path|platform|sidewalk)$"];
    relation["area:highway"~"^(footway|pedestrian|steps|path|platform|sidewalk)$"];
    way[sidewalk~"^(yes|both|left|right|no|separate|none)$"];
    way["sidewalk:left"~"(yes|no|separate)$"];
    way["sidewalk:right"~"(yes|no|separate)$"];
    way["sidewalk:both"~"(yes|no|separate)$"];
    nwr["railway"="platform"];
    node[highway=crossing];
    )
feature:
  pre: |
    {% set sides = ['default'] %}
    {% set sidewalk_left = null %}{% set sidewalk_right = null %}
    {% set cycleway = false %}
    {% set category = tags.highway %}

    {% if attribute(tags, 'sidewalk:both') == 'yes' or tags.sidewalk in ['yes', 'both', 'left', 'both', 'right'] or tags.footway == 'sidewalk' %}
      {% set category = 'sidewalk' %}
    {% endif %}

    {% if tags.highway in ['pedestrian', 'footway','steps','path','cycleway','platform'] %}
      {% set sides = sides|merge(['main']) %}
    {% endif %}

    {% if tags.highway in ['cycleway'] %}
      {% set category = 'footway' %}
      {% set cycleway = true %}
      {% set sides = sides|merge(['cycleway']) %}
    {% endif %}
    {% if tags.bicycle in ['yes', 'designated'] %}
      {% set cycleway = true %}
      {% set sides = sides|merge(['cycleway']) %}
    {% endif %}

    {% if attribute(tags, 'area:highway') in ['footway'] %}
      {% set sides = sides|merge(['main']) %}
      {% set category = attribute(tags, 'area:highway') %}
    {% endif %}

    {% if tags.railway in ['platform'] %}
      {% set sides = sides|merge(['main']) %}
      {% set category = 'platform' %}
    {% endif %}

    {% if tags.footway == 'crossing' %}
      {% set category = 'crossing' %}
    {% endif %}

    {% if tags.sidewalk in ['no', 'none'] %}
      {% set sidewalk_left = 'no' %}
      {% set sidewalk_right = 'no' %}
      {% set sides = sides|merge(['leftr', 'rightr']) %}
    {% endif %}

    {% if tags.sidewalk == 'separate' %}
      {% set sidewalk_left = 'separate' %}
      {% set sidewalk_right = 'separate' %}
      {% set sides = sides|merge(['leftr', 'rightr']) %}
    {% endif %}

    {% if attribute(tags, 'sidewalk:both') %}
      {% set sidewalk_left = attribute(tags, 'sidewalk:both') %}
      {% set sides = sides|merge(['leftr', 'rightr']) %}
    {% endif %}

    {% if attribute(tags, 'sidewalk:left') %}
      {% set sidewalk_left = attribute(tags, 'sidewalk:left') %}
      {% set sides = sides|merge(['leftr']) %}
    {% endif %}

    {% if attribute(tags, 'sidewalk:left') == 'yes' or attribute(tags, 'sidewalk:both') == 'yes' or tags.sidewalk in ['left', 'both'] %}
      {% set sidewalk_left = 'yes' %}
      {% set sides = sides|merge(['leftr', 'left']) %}
    {% endif %}

    {% if attribute(tags, 'sidewalk:right') %}
      {% set sidewalk_right = attribute(tags, 'sidewalk:right') %}
      {% set sides = sides|merge(['rightr']) %}
    {% endif %}

    {% if attribute(tags, 'sidewalk:right') == 'yes' or attribute(tags, 'sidewalk:both') == 'yes' or tags.sidewalk in ['right', 'both'] %}
      {% set sidewalk_right = 'yes' %}
      {% set sides = sides|merge(['rightr', 'right']) %}
    {% endif %}

    {% if type == 'node' %}
      {% set sides = ['node'] %}
    {% endif %}
  description: |
    {% if tags.footway %}
    {{ tagTrans('footway', tags.footway) }}
    {% elseif tags.highway %}
      {% if tags.highway in ['path', 'cycleway'] and tags.segregated %}
        {{ tagTrans('highway', 'cycleway segregated=' ~ tags.segregated) }}
      {% else %}
        {{ tagTrans('highway', tags.highway) }}
      {% endif %}
    {% elseif tags.railway %}
    {{ tagTrans('railway', tags.railway) }}
    {% elseif attribute(tags, 'area:highway') %}
    {{ tagTrans('highway', attribute(tags, 'area:highway')) }}
    {% endif %}
  body: |
    <ul>
    {% if 'main' in sides or 'node' in sides %}
      {% if tags.crossing %}<li>
        <span class='key'>{{ keyTrans('crossing') }}:</span>
        <span class='value'>{{ tagTrans('crossing', tags.crossing) }}</span>
      </li>{% endif %}
      {% if tags.width %}<li>
        <span class='key'>{{ keyTrans('width') }}:</span>
        <span class='value'>{{ tags.width|formatUnit }}</span>
      </li>{% endif %}
      {% if tags.wheelchair %}<li>
        <span class='key'>{{ keyTrans('wheelchair') }}:</span>
        <span class='value'>{{ tagTrans('wheelchair', tags.wheelchair) }}</span>
      </li>{% endif %}
      {% if tags.surface %}<li>
        <span class='key'>{{ keyTrans('surface') }}:</span>
        <span class='value'>{{ tagTrans('surface', tags.surface) }}</span>
      </li>{% endif %}
      {% if tags.tactile_paving %}<li>
        <span class='key'>{{ keyTrans('tactile_paving') }}:</span>
        <span class='value'>{{ tagTrans('tactile_paving', tags.tactile_paving) }}</span>
      </li>{% endif %}
      {% if tags.smoothness %}<li>
        <span class='key'>{{ keyTrans('smoothness') }}:</span>
        <span class='value'>{{ tagTrans('smoothness', tags.smoothness) }}</span>
      </li>{% endif %}
      {% set v = tags.incline %}
      {% if v %}<li>
        <span class='key'>{{ keyTrans('incline') }}:</span>
        <span class='value'>{{ v in ['up', 'down', 'yes'] ? tagTrans('incline', v) : v }}</span>
      </li>{% endif %}
    {% endif %}

    {% if attribute(tags, 'sidewalk:left')|default(attribute(tags, 'sidewalk:both')) or tags.sidewalk in ['left', 'both'] %}
      <li>{{ keyTrans('sidewalk:left') }}:<ul>
        <li>{{ tagTrans('sidewalk', attribute(tags, 'sidewalk:left')|default(attribute(tags, 'sidewalk:both'))) }}</li>
        {% if attribute(tags, 'sidewalk:left:width')|default(attribute(tags, 'sidewalk:both:width')) %}<li>
          <span class='key'>{{ keyTrans('width') }}:</span>
          <span class='value'>{{ attribute(tags, 'sidewalk:left:width')|default(attribute(tags, 'sidewalk:both:width'))|formatUnit }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:left:wheelchair')|default(attribute(tags, 'sidewalk:both:wheelchair')) %}<li>
          <span class='key'>{{ keyTrans('wheelchair') }}:</span>
          <span class='value'>{{ tagTrans('wheelchair', attribute(tags, 'sidewalk:left:wheelchair')|default(attribute(tags, 'sidewalk:both:wheelchair'))) }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:left:surface')|default(attribute(tags, 'sidewalk:both:surface')) %}<li>
          <span class='key'>{{ keyTrans('surface') }}:</span>
          <span class='value'>{{ tagTrans('surface', attribute(tags, 'sidewalk:left:surface')|default(attribute(tags, 'sidewalk:both:surface'))) }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:left:tactile_paving') %}<li>
          <span class='key'>{{ keyTrans('tactile_paving') }}:</span>
          <span class='value'>{{ tagTrans('tactile_paving', attribute(tags, 'sidewalk:left:tactile_paving')|default(attribute(tags, 'sidewalk:both:tactile_paving'))) }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:left:smoothness')|default(attribute(tags, 'sidewalk:both:smoothness')) %}<li>
          <span class='key'>{{ keyTrans('smoothness') }}:</span>
          <span class='value'>{{ tagTrans('smoothness', attribute(tags, 'sidewalk:left:smoothness')|default(attribute(tags, 'sidewalk:both:smoothness'))) }}</span>
        </li>{% endif %}
        {% set v = attribute(tags, 'sidewalk:left:incline')|default(attribute(tags, 'sidewalk:both:incline'))|default(tags.incline) %}
        {% if v %}<li>
          <span class='key'>{{ keyTrans('incline') }}:</span>
          <span class='value'>{{ v in ['up', 'down', 'yes'] ? tagTrans('incline', v) : v }}</span>
        </li>{% endif %}
      </ul></li>
    {% endif %}

    {% if attribute(tags, 'sidewalk:right')|default(attribute(tags, 'sidewalk:both')) or tags.sidewalk in ['right', 'both'] %}
      <li>{{ keyTrans('sidewalk:right') }}:<ul>
        <li>{{ tagTrans('sidewalk', attribute(tags, 'sidewalk:right')|default(attribute(tags, 'sidewalk:both'))) }}</li>
        {% if attribute(tags, 'sidewalk:right:width')|default(attribute(tags, 'sidewalk:both:width')) %}<li>
          <span class='key'>{{ keyTrans('width') }}:</span>
          <span class='value'>{{ attribute(tags, 'sidewalk:right:width')|default(attribute(tags, 'sidewalk:both:width'))|formatUnit }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:right:wheelchair')|default(attribute(tags, 'sidewalk:both:wheelchair')) %}<li>
          <span class='key'>{{ keyTrans('wheelchair') }}:</span>
          <span class='value'>{{ tagTrans('wheelchair', attribute(tags, 'sidewalk:right:wheelchair')|default(attribute(tags, 'sidewalk:both:wheelchair'))) }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:right:surface')|default(attribute(tags, 'sidewalk:both:surface')) %}<li>
          <span class='key'>{{ keyTrans('surface') }}:</span>
          <span class='value'>{{ tagTrans('surface', attribute(tags, 'sidewalk:right:surface')|default(attribute(tags, 'sidewalk:both:surface'))) }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:right:tactile_paving') %}<li>
          <span class='key'>{{ keyTrans('tactile_paving') }}:</span>
          <span class='value'>{{ tagTrans('tactile_paving', attribute(tags, 'sidewalk:right:tactile_paving')|default(attribute(tags, 'sidewalk:both:tactile_paving'))) }}</span>
        </li>{% endif %}
        {% if attribute(tags, 'sidewalk:right:smoothness')|default(attribute(tags, 'sidewalk:both:smoothness')) %}<li>
          <span class='key'>{{ keyTrans('smoothness') }}:</span>
          <span class='value'>{{ tagTrans('smoothness', attribute(tags, 'sidewalk:right:smoothness')|default(attribute(tags, 'sidewalk:both:smoothness'))) }}</span>
        </li>{% endif %}
        {% set v = attribute(tags, 'sidewalk:right:incline')|default(attribute(tags, 'sidewalk:both:incline'))|default(tags.incline) %}
        {% if i %}<li>
          <span class='key'>{{ keyTrans('incline') }}:</span>
          <span class='value'>{{ v in ['up', 'down', 'yes'] ? tagTrans('incline', v) : v }}</span>
        </li>{% endif %}
       </ul></li>
    {% endif %}
    </ul>
  markerSymbol: ""
  listMarkerSymbol: |
    {% if tags.area == 'yes' or attribute(tags, 'area:highway') %}
      polygon
    {% elseif 'node' in sides %}
      {{ markerCircle({ width: 0, radius: 5, fillOpacity: 1, fill: true, color: const.categories[category].color }) }}
    {% else %}
      {{ markerLine({
           'styles': sides|join(','),
           'style:main': {
              width: cycleway and tags.segregated == 'yes' ? 2 : const.categories[category].width|default(3),
              color: const.categories[category].color,
              dashArray: tags.highway == 'steps' ? '3,3' :
                cycleway and tags.segregated != 'yes' ? '8,8' :
                '',
              lineCap: tags.highway == 'steps' or (cycleway and tags.segregated != 'yes') ? 'butt' : 'round',
              offset: cycleway and tags.segregated == 'yes' ? 1 : 0
            },
            'style:cycleway': {
              fill: false,
              width: cycleway and tags.segregated == 'yes' ? 2 : 3,
              color: const.categories.cycleway.color,
              dashArray: cycleway and tags.segregated != 'yes' ? '8,8' : '',
              dashOffset: 8,
              lineCap: cycleway and tags.segregated != 'yes' ? 'butt' : 'round',
              offset: cycleway and tags.segregated == 'yes' ? -1 : 0
            },
            'style:left': {
              width: 3,
              offset: -6,
              color: const.categories.sidewalk.color
            },
            'style:right': {
              width: 3,
              offset: 6,
              color: const.categories.sidewalk.color
            },
            'style:leftr': {
              width: sidewalk_left ? 5 : 0,
              offset: -2.5,
              opacity: 0.3,
              dashArray: '1,10',
              lineCap: butt,
              color: sidewalk_left in ['no', 'none'] ? '#000000' : const.categories.sidewalk.color
            },
            'style:rightr': {
              width: sidewalk_right ? 5 : 0,
              offset: 2.5,
              opacity: 0.3,
              dashArray: '1,10',
              lineCap: butt,
              color: sidewalk_left in ['no', 'none'] ? '#000000' : const.categories.sidewalk.color
            },
      }) }}
    {% endif %}
  style:
    opacity: 0
    fillOpacity: 0
    width: 5
  style:node:
    width: 0
    radius: 5
    fillOpacity: 1
    fill: true
    color: |
      {{ const.categories[category].color }}
  style:main:
    fill: |
      {% if tags.area == 'yes' or attribute(tags, 'area:highway') %}true{% else %}false{% endif %}
    width: |
      {% if attribute(tags, 'area:highway') %}
      0
      {% elseif tags.area == 'yes' %}
      1
      {% elseif cycleway and tags.segregated == 'yes' %}
      2
      {% else %}
      {{ const.categories[category].width|default(3) }}
      {% endif %}
    color: |
      {{ const.categories[category].color }}
    dashArray: |
      {% if tags.highway == 'steps' %}
      3,3
      {% elseif cycleway and tags.segregated != 'yes' %}
      8,8
      {% endif %}
    lineCap: |
      {% if tags.highway == 'steps' or (cycleway and tags.segregated != 'yes') %}butt{% else %}round{% endif %}
    offset: |
      {% if cycleway and tags.segregated == 'yes' %}1{% else %}0{% endif %}
  style:cycleway:
    fill: false
    width: |
      {% if cycleway and tags.segregated == 'yes' %}
      2
      {% else %}
      3
      {% endif %}
    color: |
      {{ const.categories.cycleway.color }}
    dashArray: |
      {% if cycleway and tags.segregated != 'yes' %}
      8,8
      {% endif %}
    dashOffset: 8
    lineCap: |
      {% if cycleway and tags.segregated != 'yes' %}butt{% else %}round{% endif %}
    offset: |
      {% if cycleway and tags.segregated == 'yes' %}-1{% else %}0{% endif %}
  style:left:
    fill: false
    width: 3
    offset: |
      {{ -5 / map.metersPerPixel }}
    color: |
      {{ const.categories.sidewalk.color }}
  style:right:
    fill: false
    width: 3
    offset: |
      {{ 5 / map.metersPerPixel }}
    color: |
      {{ const.categories.sidewalk.color }}

  style:leftr:
    fill: false
    width: |
      {{ sidewalk_left ? 5 / map.metersPerPixel : 0 }}
    offset: |
      {{ -2.5 / map.metersPerPixel }}
    opacity: 0.3
    dashArray: '1,10'
    lineCap: butt
    color: |
      {{ sidewalk_left in ['no', 'none'] ? '#000000' : const.categories.sidewalk.color }}

  style:rightr:
    fill: false
    width: |
      {{ sidewalk_right ? 5 / map.metersPerPixel : 0 }}
    offset: |
      {{ 2.5 / map.metersPerPixel }}
    opacity: 0.3
    dashArray: '1,10'
    lineCap: butt
    color: |
      {{ sidewalk_right in ['no', 'none'] ? '#000000' : const.categories.sidewalk.color }}
    
  styles: |
    {{ sides|join(',') }}
info: |
  <table>
  {% for k, d in const.categories if k != 'cycleway' %}
    <tr>
      <td>{{ markerLine({
        width: d.width|default(3),
        color: d.color,
        dashArray: d.dashArray
      }) }}</td>
    <td>{{ tagTrans(d.key|default('highway'), k) }}</td>
    </tr>
  {% endfor %}
  <tr>
    <td>{{ markerPolygon({
      styles: 'default',
      style: {
        width: 1,
        color: const.categories.footway.color,
        fillColor: const.categories.footway.color
      }
    }) }}</td>
    <td>{{ tagTrans('highway', 'footway') }} ({{ keyTrans('area') }})</td>
  </tr>
  <tr>
    <td>
      <svg anchorx="13" anchory="8" width="25" height="19">
        <rect x="3" y="0" width="18" height="19" style="stroke-width: 0;fill: #ab00ff;fill-opacity: 0.2;"></rect>
        <line x1="3" y1="10" x2="21" y2="10" style="stroke: #ab00ff;stroke-width: 3;stroke-dasharray: undefined;stroke-dasharray: undefined;fill: #ab00ff;fill-opacity: 0.2;"></line>
      </svg>
    </td>
    <td>{{ tagTrans('highway', 'footway') }} ({{ keyTrans('area:highway') }})</td>
  </tr>
  <tr>
    <td>{{ markerCircle({
      width: 0,
      radius: 5,
      fillOpacity: 1,
      fill: true,
      color: const.categories.crossing.color
    }) }}</td>
    <td>{{ tagTrans('highway', 'crossing') }}</td>
  </tr>
  <tr>
    <td>{{ markerLine({
      styles: 'default,foot',
      style: {
        width: 4,
        color: const.categories.cycleway.color,
        dashArray: '8,8'
      },
      'style:foot': {
        width: 4,
        color: const.categories.footway.color,
        dashArray: '8,8',
        dashOffset: 8
      }
    }) }}</td>
    <td>{{ tagTrans('highway', 'cycleway segregated=no') }}</td>
  </tr>
  <tr>
    <td>{{ markerLine({
      styles: 'default,foot',
      style: {
        width: 2,
        color: const.categories.cycleway.color,
        offset: -1
      },
      'style:foot': {
        width: 2,
        color: const.categories.footway.color,
        offset: 1
      }
    }) }}</td>
    <td>{{ tagTrans('highway', 'cycleway segregated=yes') }}</td>
  </tr>
  {% for k, d in const.sidewalks %}
  <tr>
    <td>{{ markerLine({
      styles: d.styles,
      'style:leftr': {
        width: 9,
        offset: -1,
        opacity: 0.3,
        dashArray: '1,10',
        lineCap: butt,
        color: d.color
      },
      'style:left': {
        width: 3,
        offset: -7,
        color: d.color
      }
    }) }}</td>
    <td>{{ tagTrans('sidewalk', k) }}</td>
  </tr>
  {% endfor %}
  </table>
filter:
  access:
    name: '{{ keyTrans("access") }}'
    type: select
    placeholder: '<{{ trans("any value") }}>'
    valueName: '{{ tagTrans("access", value) }}'
    values:
      'yes': {}
      private: {}
      permissive: {}
      customers: {}
      discouraged: {}
      '!':
        name: <{{ trans('empty value') }}>
        query: nwr[!access]
        weight: -3
      '?':
        name: <{{ trans("other") }}>
        query: nwr[access]["access"!~"^(public|private|permissive|customers|discouraged|unknown|yes)$"]
        weight: -2
      unknown:
        name: '<{{ trans("unknown") }}>'
        query: nwr["access"="unknown"]
        weight: -1
  surface:
    name: '{{ keyTrans("surface") }}'
    type: select
    placeholder: '<{{ trans("any value") }}>'
    valueName: '{{ tagTrans("surface", value) }}'
    query: '(nwr[surface="{{ value }}"];nwr[~"sidewalk:(left|right|both):surface"~"{{ value }}"];)'
    values:
      acrylic: {}
      artificial_turf: {}
      asphalt: {}
      carpet: {}
      chipseal: {}
      clay: {}
      cobblestone: {}
      compacted: {}
      concrete: {}
      concrete:lanes: {}
      concrete:plates: {}
      dirt: {}
      earth: {}
      fine_gravel: {}
      grass: {}
      grass_paver: {}
      gravel: {}
      ground: {}
      ice: {}
      metal: {}
      metal_grid: {}
      mud: {}
      paved: {}
      paving_stones: {}
      pebblestone: {}
      rock: {}
      rubber: {}
      salt: {}
      sand: {}
      sett: {}
      snow: {}
      stepping_stones: {}
      tartan: {}
      unhewn_cobblestone: {}
      unpaved: {}
      wood: {}
      woodchips: {}
      '!':
        name: <{{ trans('empty value') }}>
        query: |
          (
          nwr[!"surface"];
          nwr["sidewalk:left"="yes"][!"sidewalk:left:surface"];
          nwr["sidewalk:right"="yes"][!"sidewalk:right:surface"];
          nwr["sidewalk:both"="yes"][!"sidewalk:both:surface"][!"sidewalk:left:surface"];
          nwr["sidewalk:both"="yes"][!"sidewalk:both:surface"][!"sidewalk:right:surface"];
          nwr["sidewalk"="left"][!"sidewalk:left:surface"];
          nwr["sidewalk"="right"][!"sidewalk:right:surface"];
          nwr["sidewalk"="both"][!"sidewalk:both:surface"][!"sidewalk:left:surface"];
          nwr["sidewalk"="both"][!"sidewalk:both:surface"][!"sidewalk:right:surface"];
          )
        weight: -3
      '?':
        name: <{{ trans("other") }}>
        query: nwr[surface]["surface"!~"^(acrylic|artificial_turf|asphalt|carpet|chipseal|clay|cobblestone|compacted|concrete|concrete:lanes|concrete:plates|dirt|earth|fine_gravel|grass|grass_paver|gravel|ground|ice|metal|metal_grid|mud|paved|paving_stones|pebblestone|rock|rubber|salt|sand|sett|snow|stepping_stones|tartan|unhewn_cobblestone|unpaved|wood|woodchips)$"]
        weight: -2
      unknown:
        name: '<{{ trans("unknown") }}>'
        weight: -1
  smoothness:
    name: '{{ keyTrans("smoothness") }}'
    type: select
    placeholder: '<{{ trans("any value") }}>'
    valueName: '{{ tagTrans("smoothness", value) }}'
    query: '(nwr[smoothness="{{ value }}"];nwr[~"sidewalk:(left|right|both):smoothness"~"{{ value }}"];)'
    values:
      bad: {}
      excellent: {}
      good: {}
      horrible: {}
      impassable: {}
      intermediate: {}
      very_bad: {}
      very_horrible: {}
      '!':
        name: <{{ trans('empty value') }}>
        query: |
          (
          nwr[!"smoothness"];
          nwr["sidewalk:left"="yes"][!"sidewalk:left:smoothness"];
          nwr["sidewalk:right"="yes"][!"sidewalk:right:smoothness"];
          nwr["sidewalk:both"="yes"][!"sidewalk:both:smoothness"][!"sidewalk:left:smoothness"];
          nwr["sidewalk:both"="yes"][!"sidewalk:both:smoothness"][!"sidewalk:right:smoothness"];
          nwr["sidewalk"="left"][!"sidewalk:left:smoothness"];
          nwr["sidewalk"="right"][!"sidewalk:right:smoothness"];
          nwr["sidewalk"="both"][!"sidewalk:both:smoothness"][!"sidewalk:left:smoothness"];
          nwr["sidewalk"="both"][!"sidewalk:both:smoothness"][!"sidewalk:right:smoothness"];
          )
        weight: -3
      '?':
        name: <{{ trans("other") }}>
        query: nwr[smoothness]["smoothness"!~"^(bad|excellent|good|horrible|impassable|intermediate|very_bad|very_horrible)$"]
        weight: -2
      unknown:
        name: '<{{ trans("unknown") }}>'
        weight: -1
const:
  categories:
    sidewalk:
      color: '#ff007f'
      key: footway
    pedestrian:
      color: '#ff00c8'
      width: 5
    footway:
      color: '#ab00ff'
    path:
      color: '#ee922d'
    steps:
      color: '#ab00ff'
      dashArray: '3,3'
    crossing:
      color: '#964e00'
    cycleway:
      color: '#002aff'
    platform:
      key: railway
      color: '#00ff00'
  sidewalks:
    'yes':
      color: '#ff007f'
      styles: 'leftr,left'
    'separate':
      color: '#ff007f'
      styles: 'leftr'
    'no':
      color: '#000000'
      styles: 'leftr'