OpenLayers 3-几个WMS图层，如何仅从可见图层获取功能信息？

Question

我有一个Openlayers地图，其中包含几个WMS图层，我想通过这些地图通过“ getGetFeatureInfoUrl”请求要素信息。 可以在层树中打开/关闭层的可见性。 我想点击地图上的某个位置：

• 仅获取当前可见图层的要素信息
• 并且，如果在所选位置有多个图层，则获取所有图层的要素信息。

我使用了OpenLayers网站上的示例代码。 我尝试了此代码位的变体

var url = layers[2].getSource().getGetFeatureInfoUrl(
    evt1.coordinate, viewResolution, 'EPSG:3857', {
        'INFO_FORMAT': 'text/html',
            'FEATURE_COUNT': '300'
    });

喜欢

var url = layers[].getSource().getGetFeatureInfoUrl(或var url = layers[1,2].getSource().getGetFeatureInfoUrl( ，但要么不传递任何要素信息，要么仅传递最后一层-无论是否传递是否可见。

我在这里创建了带有两个示例层的JSFiddle： http : //jsfiddle.net/kidalex/j34xzaa3/5/

之前曾问过类似的问题，例如： https : //gis.stackexchange.com/questions/114297/querying-multiple-wms-layers-in-ol3-and-adding-to-a-single-popup-window ； 但我无法理解如何应用解决方案（此处为JS / OL新手）。

Answer 1

您应该遍历各层，并且仅在可见时调用getFeatureInfo，而不是基础层，请尝试以下操作：

map.on('singleclick', function (evt1) {
    document.getElementById('info').innerHTML = '';
    var viewResolution = /** @type {number} */
    (view.getResolution());
    var url = '';
    document.getElementById('info').innerHTML ='';
    layers.forEach(function (layer, i, layers) {
        if (layer.getVisible() && layer.get('name')!='Basemap') {
            url = layer.getSource().getGetFeatureInfoUrl(evt1.coordinate, viewResolution, 'EPSG:3857', {
                'INFO_FORMAT': 'text/html',
                    'FEATURE_COUNT': '300'
            });
            if (url) {
                document.getElementById('info').innerHTML +=
                    '<iframe seamless src="' + url + '"></iframe>';
            }
        }
    });

});

编辑：语法