mapcomplete/assets/layers/gps_location/gps_location.json

{
  "id": "gps_location",
  "description": "Meta layer showing the current location of the user. Add this to your theme and override the icon to change the appearance of the current location. The object will always have `id=gps` and will have _all_ the properties included in the [`Coordinates`-object](https://developer.mozilla.org/en-US/docs/Web/API/GeolocationCoordinates) (except latitude and longitude) returned by the browser, such as `speed`, `altitude`, `heading`, ....",
  "source": "special",
  "minzoom": 0,
  "pointRendering": [
    {
      "marker": [
        {
          "color": "--catch-detail-color",
          "icon": {
            "render": "crosshair",
            "mappings": [
              {
                "if": "speed>2",
                "then": "gps_arrow"
              }
            ]
          }
        }
      ],
      "iconSize": "40,40",
      "pitchAlignment": "map",
      "rotation": {
        "render": "0deg",
        "mappings": [
          {
            "if": {
              "and": [
                "speed>2",
                "heading!=NaN"
              ]
            },
            "then": "{heading}deg"
          }
        ]
      },
      "location": [
        "point",
        "centroid"
      ],
      "anchor": "center"
    },
    {
      "marker": [
        {
          "color": "--catch-detail-color",
          "icon": "direction"
        }
      ],
      "iconSize": {
        "render": "0,0",
        "mappings": [
          {
            "if": "alpha~*",
            "then": "40,40"
          }
        ]
      },
      "pitchAlignment": "map",
      "rotation": "{alpha}deg",
      "location": [
        "point",
        "centroid"
      ],
      "anchor": "center"
    }
  ],
  "lineRendering": [],
  "allowMove": false
}