如何获取MapLibre地图的所有图层ID及图层属性？

MapLibre GL JS 内置的map.getStyle()方法会返回当前地图加载的完整样式对象，其中的layers字段包含所有已添加图层的配置数组，遍历该数组即可提取全部layer ID。

实现代码 #

// 确保在地图load事件触发后执行，避免样式未加载完成导致返回结果异常
map.on('load', function() {
  // 提取所有layer ID
  const allLayerIds = map.getStyle().layers.map(layer => layer.id);
  // 打印查看结果
  console.log('所有图层ID：', allLayerIds);

  // 可选：筛选特定类型的图层ID，比如仅筛选fill类型图层
  const fillLayerIds = map.getStyle().layers
    .filter(layer => layer.type === 'fill')
    .map(layer => layer.id);
  console.log('fill类型图层ID：', fillLayerIds);
})

注意事项 #

• 必须在地图load事件完成后调用该方法，若提前调用，地图样式还未加载完成，会拿到不完整的图层列表甚至报错。
• 该方法返回的图层列表包含底图自带的所有默认图层，以及你主动通过map.addLayer添加的自定义图层，你示例中添加的lines图层也会包含在返回结果中。
• 你现有代码中addLayer函数固定操作id为lines的图层，如果你后续添加了多个自定义图层，拿到全量layer id列表后就可以动态匹配需要操作的图层，不需要硬编码图层id。

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