javascript - 使用 Openlayers 3 中的 WFS 层获取弹出窗口的重叠特征信息

Question

我正在尝试从包含多个重叠功能的 WFS 图层获取信息。我使用此功能来获取信息，但我只收到顶部功能的信息。有人可以帮助我吗？

olMap.on('click', function(evt) {

var feature = olMap.forEachFeatureAtPixel(evt.pixel, function(feature, layer) {
    return feature;
});
if (feature) {
    var coordinate = evt.coordinate;
    var viewResolution = /** @type {number} */ (view.getResolution());
    var coord = feature.getGeometry().getCoordinates();
    var props = feature.getProperties();

    content.innerHTML = '<p><b>City</b>:'+props.nam+'<br> ZIP CODE:'+props.f_code+'</p>';
    overlay.setPosition(coordinate);
}
else{
    overlay.setPosition(undefined);
}

Answer 1

不要从 forEachFeatureAtPixel 方法返回功能，而是仅在该方法内移动 if 代码。

olMap.on('click', function(evt) {

var feature = olMap.forEachFeatureAtPixel(evt.pixel, function(feature, layer) {

    var coordinate = evt.coordinate;
    var viewResolution = /** @type {number} */ (view.getResolution());
    var coord = feature.getGeometry().getCoordinates();
    var props = feature.getProperties();

    content.innerHTML = '<p><b>City</b>:'+props.nam+'<br> ZIP CODE:'+props.f_code+'</p>';
    overlay.setPosition(coordinate);
});