如何在mapbox中更新图层

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

// 创建图层
map.on('load', function() {
  map.addLayer({
    id: 'my-layer',
    type: 'circle',
    source: {
      type: 'geojson',
      data: {
        type: 'FeatureCollection',
        features: [{
          type: 'Feature',
          geometry: {
            type: 'Point',
            coordinates: [-74.5, 40]
          }
        }]
      }
    },
    paint: {
      'circle-radius': 6,
      'circle-color': '#ff0000'
    }
  });
});

// 更新图层数据
var newData = {
  type: 'FeatureCollection',
  features: [{
    type: 'Feature',
    geometry: {
      type: 'Point',
      coordinates: [-74.5, 40.5]
    }
  }]
};
map.on('click', function() {
  map.getSource('my-layer').setData(newData);
});

// 更新图层样式
map.on('mousemove', function() {
  map.setPaintProperty('my-layer', 'circle-color', '#00ff00');
});

// 移除图层
map.on('dblclick', function() {
  map.removeLayer('my-layer');
});