Can you draw a circle on a mapbox static map?

Question

I have some geojson shapes I'm passing to the Mapbox static maps API. Some of the shapes are polylines, others are circles represented as points with a radius property e.g:

    {
        "type": "Feature",
        "properties": {
            "radius": 500
        },
        "geometry": {
            "type": "Point",
            "coordinates": [
                30.5,
                50.5
            ]
        }
    }

These get rendered as points with a marker. Is there any way I can get a point to render as a circle of a certain radius centered around that point?

Answer 1

You can use layer type : circle to display the points as circles. You can then use expressions to get the radius from your geojson properties: Check the JS Fiddle

map.addLayer({
            'id': 'demo',
            'type': 'circle',
            'source': 'points',
            'paint': {
              // use get expression to get the radius property. Divided by 10 to be able to display it
                'circle-radius': ['/',['get', 'radius'],10],
                'circle-color': "blue"
            }
        });