如何在mapbox中添加多个图层？

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

// 添加底图图层
map.addLayer({
  id: 'background',
  type: 'raster',
  source: {
    type: 'raster',
    tiles: ['https://a.tile.openstreetmap.org/{z}/{x}/{y}.png'],
    tileSize: 256
  }
});

// 添加其他图层
map.addLayer({
  id: 'points',
  type: 'circle',
  source: {
    type: 'geojson',
    data: {
      type: 'FeatureCollection',
      features: [
        {
          type: 'Feature',
          geometry: {
            type: 'Point',
            coordinates: [lng, lat]
          }
        },
        // 添加更多的点
      ]
    }
  },
  paint: {
    'circle-radius': 6,
    'circle-color': '#ff0000'
  }
});

// 设置图层顺序
map.setLayerZoomRange('background', 0, 10);
map.setLayerZoomRange('points', 11, 20);

// 设置交互行为
map.setLayerInteraction('points', 'click', function(e) {
  // 处理点击事件
});