Javascript 如何生成<；a>；从Geoserver中发布的图层列表？

我正在构建一个webmapping应用程序。我解析WMS请求，使每个层的标题位于

层中

：

var xhr = new XMLHttpRequest();
        xhr.open('GET', 'http://localhost:8082/geoserver/wms?service=wms&request=GetCapabilities', true);
        xhr.onload = function() {
            var parser = new ol.format.WMSCapabilities();
            var capabilities = parser.read(xhr.responseText);
            var layers = capabilities.Capability.Layer.Layer.Title; 
};

$.each(layers, function(i)
            {
                var list = $('</br><a/>')
                .text(layers[i])
                .appendTo($('div.myDiv'));
            });

但是我无法访问

层中包含的标题

：

var xhr = new XMLHttpRequest();
        xhr.open('GET', 'http://localhost:8082/geoserver/wms?service=wms&request=GetCapabilities', true);
        xhr.onload = function() {
            var parser = new ol.format.WMSCapabilities();
            var capabilities = parser.read(xhr.responseText);
            var layers = capabilities.Capability.Layer.Layer.Title; 
};

$.each(layers, function(i)
            {
                var list = $('</br><a/>')
                .text(layers[i])
                .appendTo($('div.myDiv'));
            });

$。每个（层、功能（i）
{
变量列表=$（“
”）
.text（层[i]）
.appendTo（$（'div.myDiv'））；
});

---

我错过了什么？谢谢你的帮助。

我想问题是，你需要层的名称，而不是标题才能调用它

因此，您可以分析如下功能：

var layers = capabilities.Capability.Layer.Layer.Name;

---

我认为问题在于，您需要层的名称，而不是标题才能调用它

因此，您可以分析如下功能：

var layers = capabilities.Capability.Layer.Layer.Name;