#MapboxGL / Catégorisation de données

<!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.89], // lat/long
    zoom: 16, // zoom
    pitch: 50, // Inclinaison
    bearing: -10 // Rotation
});

// Ajout de données des arbres
  
map.on('load', function () {
 
map.addSource('Arrets', {
        type: 'vector',
        url: 'mapbox://ninanoun.6f7y97sy'});
  
  
  // Mis en forme des types d'arbres
  
map.addLayer({
        'id': 'Arrets',
        'type': 'circle',
        'source': 'Arrets',
        'source-layer': 'arbres-aqwrsg',
        'layout': {'visibility': 'visible'},
        
     'paint': {
            'circle-radius': {
                'base': 1.15,
                'stops': [[13, 1], [22, 18]]},
                'circle-color': [
                'match',
                ['get', 'domanialite'],
                'Alignement', '#fbb03b',
                'Jardin', '#223b53',
                'CIMETIERE', '#e55e5e',
                'DASCO', '#3bb2d0',
                /* other */ '#ccc']
        } 
    });
  
});
</script>

</body>
</html>

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