使用mapbox-gl-js为要素集中的每个要素添加自定义图标

// 创建地图实例
mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [-74.5, 40],
  zoom: 9
});

// 创建要素集
var features = {
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [-74.5, 40]
      },
      "properties": {
        "name": "Feature 1",
        "icon": "icon1.svg"
      }
    },
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [-74, 40.5]
      },
      "properties": {
        "name": "Feature 2",
        "icon": "icon2.svg"
      }
    }
  ]
};

// 添加图层并设置自定义图标
map.on('load', function() {
  map.addSource('features', {
    type: 'geojson',
    data: features
  });

  map.addLayer({
    id: 'points',
    type: 'symbol',
    source: 'features',
    layout: {
      'icon-image': ['get', 'icon'],
      'icon-size': 1.5
    }
  });
});