mapcomplete/assets/layers/direction/direction.json

{
  "id": "direction",
  "name": {
    "en": "Direction visualization"
  },
  "minzoom": 16,
  "source": {
    "osmTags": {
      "or": [
        "camera:direction~*",
        "direction~*"
      ]
    }
  },
  "doNotDownload": true,
  "passAllFeatures": true,
  "title": null,
  "description": {
    "en": "This layer visualizes directions"
  },
  "tagRenderings": [],
  "icon": {
    "render": "direction_gradient:var(--catch-detail-color)",
    "#": "For some weird reason, showing the icon in the layer control panel breaks the svg-gradient (because the svg gradient has a global color or smthng) - so we use a different icon without gradient",
    "mappings": [
      {
        "if": "id=node/-1",
        "then": "direction:var(--catch-detail-color)"
      }
    ]
  },
  "rotation": {
    "render": "{camera:direction}deg",
    "mappings": [
      {
        "if": "direction~*",
        "then": "{direction}deg"
      }
    ]
  },
  "iconSize": "200,200,center",
  "color": "--catch-detail-color",
  "stroke": "0",
  "presets": [],
  "wayHandling": 2
}