使用 Javascript DOM 解析器从 WMS GetCapabilities 请求的 XML response.data 中提取层列表

Question

我正在尝试提取 WMS 服务器可用层的名称列表。我已经为 GeoMet WMS 这样做了，方法是发送一个 GetCapabilities，它返回一个“应用程序/xml”对象，然后我使用 DOM 解析器进行解析。我的问题是图层标签嵌套在两个级别上。基本上顶层层包含多个子层。我将如何仅提取父层的子层或列表。通过意识到子节点具有父节点没有的属性，我设法解决了这个问题，但必须有更好的方法。

编辑：我有兴趣获取可以添加到交互式地图的完整图层列表。基本上所有没有图层子级的图层标签。

axios.get('https://geo.weather.gc.ca/geomet?lang=en&service=WMS&version=1.3.0&request=GetCapabilities').then((response) => {
        // console.log(response.headers)
        const parser = new DOMParser()
        const dom = parser.parseFromString(response.data, 'application/xml')
        let layerGroups = dom.querySelectorAll('[cascaded="0"]')
        let layerNames = []
        layerGroups.forEach(function (domel) { layerNames.push(domel.getElementsByTagName('Name')[0].innerHTML) })
        console.log(layerNames.length)
        this.mylayerlist = layerNames
      })

Answer 1

有几种方法可以处理这个问题，尤其是命名空间。这是其中之一。在你的 dom 声明之后试试这个：

xpath = '//*[local-name()="Layer"][@cascaded="0"][not(.//*[local-name()="Layer"])]/*[local-name()="Name"]';
var targets = dom.evaluate(xpath, dom, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
let nodes = Array.from({ length: targets.snapshotLength }, (_, index) => 
console.log(targets.snapshotItem(index).innerHTML));

输出是 3,519 个（在这种情况下）名称：

CGSL.ETA_ICEC
CGSL.ETA_ICEPRS
CGSL.ETA_ICESTG
CGSL.ETA_ICET
CGSL.ETA_ICETK

这里的关键组件是 xpath 表达式。它选择所有具有cascaded 属性且值为0 且没有Layer 子节点的Layer 节点。在这种特殊情况下，具有cascaded 属性的Layer 节点（请注意，所有这些属性都具有0 属性值）都没有Layer 子节点，因此您可以省去两个谓词之一（[@cascaded="0"] 或 [not(./*[local-name()="Layer"])] 并获得相同的输出，但其他文件可能并非如此）。