mapbox聚合使用自定义图标

mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [-74.5, 40],
  zoom: 9.5
});
 
map.on('load', function() {
  // 添加一个自定义图层来显示聚合点
  map.addLayer({
    'id': 'aggregated-points-layer',
    'type': 'symbol',
    'source': {
      'type': 'geojson',
      'data': {
        'type': 'FeatureCollection',
        'features': [] // 这里应该是由Mapbox聚合生成的GeoJSON点数据
      }
    },
    'layout': {
      'icon-image': 'custom-icon', // 这里是你的自定义图标名称
      'icon-size': 0.5, // 图标大小
      'icon-allow-overlap': true
    }
  });
  
  // 添加自定义图标到Mapbox Studio样式
  map.addImage('custom-icon', {
    width: 100,
    height: 100,
    data: new Uint8Array([...]), // 这里是自定义图标的像素数据
    // 或者可以是一个图标的URL
  });
});