getFeatureInfo仅针对露天层中的可见层查询6

Question

我是JS和OL的Newby，并且我有一个OpenLayers 6 Map，其中不同的WMS层将不同的WMS分组为几个ol.layer.group。我想通过“ GetGetFeatureInfourl”索取功能信息。可以在图层树中打开/关闭图层的可见性。我想单击地图中的某个地方时：

• 仅获取目前可见的层的功能信息
• ，如果所选位置有多个层以上的层，请获取所有这些代码的功能信息，

此代码适用于只有一层（在这种情况下为WMSLAYER5），

map.on('singleclick', function (evt) {
if (!wmsLayer5.getVisible()) return;
document.getElementById('info').innerHTML = '';
const viewResolution = /** @type {number} */ (vista.getResolution());
const url = wmsLayer5.getSource().getFeatureInfoUrl(
    evt.coordinate,
    viewResolution,
    'EPSG:25830',
    {'INFO_FORMAT': 'text/html'}
    );
    if (url) {
        fetch(url)
        .then((response) => response.text())
        .then((html) => {
            document.getElementById('info').innerHTML = html;
        });
    }
});

但是我需要一个代码来迭代所有层，并且仅在可见（如果可见）时只能致电GetFeatureInfo。我已经尝试过这个，但不起作用，也不返回控制台中的任何消息

map.on('singleclick', function (evt1) {
            document.getElementById('info').innerHTML = '';
            var viewResolution = /** @type {number} */
            (vista.getResolution());
            var url = '';
            document.getElementById('info').innerHTML ='';
            layers.forEach(function (layer, i, layers) {
                if (layer.getVisible() ) {
                    url = layer.getSource().getGetFeatureInfoUrl(
                        evt1.coordinate, 
                        viewResolution, 
                        'EPSG:25830', {
                        'INFO_FORMAT': 'text/html',
                            'FEATURE_COUNT': '300'
                    });
                    if (url) {
                        fetch(url)
                        .then((response) => response.text())
                        .then((html) => {
                            document.getElementById('info').innerHTML += html;
                        });
                    }
                }
            });
        
        });

来修复它？

Answer 1

自6.13版（4个月前）以来，此方法已被弃用，并且在下一个主要版本之前不会更改。我没有使用建议的替换layer.getData（）。按照代码迭代所有层和查询仅可见图像和类型图像。

    map.on("click", onMouseClick);
    function onMouseClick(browserEvent) {
        let coordinate = browserEvent.coordinate;
        let pixel = map.getPixelFromCoordinate(coordinate);
        map.forEachLayerAtPixel(pixel, function (layer) {
            if (layer instanceof ol.layer.Image) {
                if (layer.get("visible")) {
                    let url = layer.getSource().getFeatureInfoUrl(coordinate, map.getView().getResolution(), "EPSG:3857", {
                        INFO_FORMAT: "application/json",
                    });
                    if (url) {
                        fetch(url)
                            .then(function (response) {
                                return response.text();
                            })
                            .then(function (json) {
                                let data = JSON.parse(json);
                                if (data.features.length > 0) {
                                    //Do something with data.features
                                }
                            });
                    }
                }
            }
        });
    }