mapbox gl circle-color with gradient bg color

Question

i want to have a circle-color property on mapbox gl that have variable radius that have linear gradient color from red in center to white on the edge: something like this:

map.addLayer({
...
paint:{
        'circle-color': [
          'red',
          'white',
        ],
        'circle-radius': {
          property: 'point_count',
          stops: [
            [0, 10],
            [1, 15],
            [3, 20],
            [4, 25],
            [5, 30],
            [6, 35],
            [7, 40],
            [8, 45],
            [9, 50],
          ],
          default: 60,
          base: 1,
          type: 'exponential'
        }
}
})

how can i do that?

Answer 1

Mapbox GL JS does not support fill gradients.