#MapboxGL / Cercles gradués

<!DOCTYPE html> 
<html>
<head>
    <meta charset='utf-8' />
    <title>MapboxGL</title>

</head>
    
<body>
<div id='map'></div>

// Configuration de la carte
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/ninanoun/ciytbjeef002u2sppd5xvl0q2',
    center: [2.34, 48.9], // lat/long
    zoom: 15, // zoom
    pitch: 50, // Inclinaison
    bearing: -10 // Rotation
});

// Ajout de données OSM
  
map.on('load', function () {
 
map.addSource('Arrets', {
        type: 'vector',
        url: 'mapbox://ninanoun.6f7y97sy'});
   
map.addLayer({
        'id': 'Arrets',
        'type': 'circle',
        'source': 'Arrets',
        'source-layer': 'arbres-aqwrsg',
        'layout': {'visibility': 'visible'},
        
    paint: {
      'circle-color': '#D49A66',
      // Add data-driven styles for circle radius
      'circle-radius': {
        property: 'circonferenceencm',
        type: 'exponential',
        stops: [
          [0, 0],
          [200, 10]
        ]
      },
      'circle-opacity': 0.8
    }
    });
 
  
  
});
</script>

</body>
</html>

https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.0/mapbox-gl.js