mapbox怎么在一个页面里覆盖所有当前地图数据

要在一个页面中覆盖所有当前地图数据，您需要使用 Mapbox GL JS 中的 `map.getStyle()` 方法获取当前地图的样式，然后使用 `map.addLayer()` 方法添加新的图层来覆盖所有图层。

以下是一个示例代码：

var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11'
});

// 等待地图加载完成
map.on('load', function() {
  var style = map.getStyle(); // 获取当前地图的样式

  // 添加新的图层覆盖所有图层
  map.addLayer({
    'id': 'overlay',
    'type': 'background',
    'paint': {
      'background-color': '#ffffff'
    },
    'layout': {
      'visibility': 'visible'
    }
  });

  // 将新的图层放到所有图层的顶部
  var layers = style.layers;
  for (var i = 0; i < layers.length; i++) {
    map.moveLayer('overlay', layers[i].id);
  }
});

这个示例代码中，我们首先创建了一个 Mapbox GL JS 地图对象，并在地图加载完成后获取了当前地图的样式。然后，我们使用 `map.addLayer()` 方法添加了一个新的图层，将其背景色设置为白色。最后，我们使用 `map.moveLayer()` 方法将新的图层放到所有图层的顶部，从而覆盖所有当前地图数据。