如何在ArcGIS JavaScript API中移除图层列表中的无标题图层？

第一步：定位空图层来源 #

先在视图加载完成后打印所有图层的详细信息，找到这个无标题图层的具体来源：

view.when(() => {
  // 遍历所有图层，输出关键信息
  map.layers.forEach((layer, idx) => {
    console.log(`[图层${idx}]`, layer);
    console.log('标题:', layer.title || '无标题');
    console.log('类型:', layer.type);
    console.log('是否有数据源:', !!(layer.url || layer.sources));
  });

  // 你的LayerList初始化代码
  const layerList = new LayerList({
      view: view,
      visible: false,
      selectionEnabled: true
  });
  const expand = new Expand({
      view: view,
      content: layerList
  });

  view.ui.add(expand, "top-left");
});

打开浏览器控制台查看输出，就能明确这个空图层是误添加的实例、还是系统默认图层。

第二步：针对性解决 #

情况1：移除误添加的空图层

如果控制台显示是某个多余的空图层（比如未配置的Layer实例），直接从地图图层集合中移除：

// 假设空图层在索引0的位置，根据实际输出调整
map.layers.removeAt(0);

情况2：过滤LayerList中的无效图层

如果不想移除图层但不想在列表中显示，给LayerList添加过滤规则，只显示有标题且有数据源的图层：

const layerList = new LayerList({
    view: view,
    visible: false,
    selectionEnabled: true,
    // 过滤规则：仅保留有标题、且存在数据源的图层
    filter: layer => {
        return layer.title && (layer.url || layer.sources || layer.graphics.length > 0);
    }
});

情况3：关闭默认图层的展示

检查是否开启了底图图层或默认图形层的显示，若不需要可以关闭：

const layerList = new LayerList({
    view: view,
    visible: false,
    selectionEnabled: true,
    includeBasemapLayers: false, // 不显示底图图层（默认就是false，确认配置）
    includeDefaultGraphicsLayer: false // 不显示视图默认的空图形层
});

内容的提问来源于stack exchange，提问作者Chesouye Coye