OpenLayers 6.9.0调用WMTS.optionsFromCapabilities报读取Layer属性错误怎么解决

• WMTS能力文档解析异常：parser.read(text) 解析返回了空对象或undefined，导致optionsFromCapabilities方法读取内部Layer属性时找不到对应值
• 能力文档内容不合法：请求的data/WMTSCapabilities.xml存在XML语法错误、不符合WMTS规范，或缺失Contents、Layer等必要节点
• 入参不匹配：你传入的layer: 'standaard'、matrixSet: 'EPSG:28992'、format: 'image/png'和能力文档中的实际配置不匹配，导致方法遍历不到对应节点返回空结构
• 请求异常：fetch请求没有获取到正确的XML文件，比如返回404、跨域错误、响应内容是HTML错误页而非XML

1. 先新增请求与解析结果校验逻辑，提前捕获异常：
   在fetch请求阶段先判断响应状态，解析能力文档后先校验节点是否存在
2. 核对能力文档配置参数：
   打开data/WMTSCapabilities.xml文件，确认如下参数和你传入的配置完全一致（大小写敏感）：

• 图层ID：<Layer>节点下的<ows:Identifier>值是否为standaard
• 矩阵集ID：<TileMatrixSet>节点下的<ows:Identifier>值是否为EPSG:28992
• 格式支持：对应图层下的<Format>节点是否包含image/png

3. 验证修改后的完整代码如下：

const parser = new ol.format.WMTSCapabilities();
let bgRaster;
fetch('data/WMTSCapabilities.xml')
  .then(function (response) {
    if (!response.ok) {
      throw new Error('能力文档请求失败，状态码：' + response.status);
    }
    return response.text();
  })
  .then(function (text) {
    const result = parser.read(text);
    // 校验解析结果合法性
    if (!result?.Contents?.Layer) {
      console.error('能力文档解析异常，无可用图层节点', result);
      return;
    }
    // 可打印可用参数核对
    console.log('所有可用图层ID：', result.Contents.Layer.map(item => item.Identifier));
    console.log('所有可用矩阵集ID：', result.Contents.TileMatrixSet.map(item => item.Identifier));

    const options = ol.source.WMTS.optionsFromCapabilities(result, {
      layer: 'standaard',
      format: 'image/png',
      matrixSet: 'EPSG:28992',
    });

    if (!options) {
      console.error('WMTS配置生成失败，请检查传入的layer、matrixSet参数是否匹配');
      return;
    }

    bgRaster = new ol.layer.Tile({
      opacity: 0.7,
      source: new ol.source.WMTS(options),
      title: 'Kadaster',
      visible: false
    });
  })
  .catch(err => {
    console.error('WMTS加载流程异常：', err);
  });

内容的提问来源于stack exchange，提问作者Boudewijn van Os