如何在Mapbox GL JS中没有geojsonlayer的情况下向标记添加图标

// 创建一个空的GeoJSON对象
var geojson = {
  type: 'FeatureCollection',
  features: []
};

// 创建一个新的数据源
map.addSource('markers', {
  type: 'geojson',
  data: geojson
});

// 创建一个新的图层，并将数据源与图层关联起来
map.addLayer({
  id: 'markers',
  type: 'symbol',
  source: 'markers',
  layout: {
    'icon-image': 'custom-icon', // 图标的名称
    'icon-size': 0.5 // 图标的大小
  }
});

// 添加图标
map.loadImage('path/to/custom-icon.png', function(error, image) {
  if (error) throw error;
  map.addImage('custom-icon', image);
});

// 添加标记
var marker = {
  type: 'Feature',
  geometry: {
    type: 'Point',
    coordinates: [longitude, latitude] // 标记的经纬度
  },
  properties: {
    name: 'Marker 1' // 标记的属性
  }
};

// 更新数据源的数据
geojson.features.push(marker);
map.getSource('markers').setData(geojson);