的OpenLayers的层

Question

我试图使用从官方OL3例子页面采取以下方法来创建一个鼠标悬停事件3 hasFeatureAtPixel过滤器：

http://openlayers.org/en/latest/examples/earthquake-clusters.html

我只需要触发动作悬停在当特定层。在咨询过官方文档后，我发现你可以使用hasFeatureAtPixel的图层过滤功能，但它看起来并没有工作。

map.on('pointermove', function(evt) { 
    if (evt.dragging) { 
     return; 
    } 
    var pixel = map.getEventPixel(evt.originalEvent); 
    var hit = map.hasFeatureAtPixel(pixel, function(feature, layer) { 
     console.log(layer); 
     console.log(feature);  
    }); 
}); 

console.log调用导致在控制台中给出要素对象，但没有图层对象，这些对象返回为'undefined'。它是我需要测试图层是否正确的图层对象。

任何想法为什么这不起作用？

Answer 1

过滤器函数将接收一个参数，层候选者和 它应该返回一个布尔值。

From API Docs.

比方说，你有一个像层：

var vectorLayer = new ol.layer.Vector({ 
    name: 'test', 
    // ... 
}); 

您可以添加一个图层过滤器功能，如：

map.on('pointermove', function(e) { 
    if (e.dragging) return; 

    var hit = map.hasFeatureAtPixel(e.pixel, function(layer) { 
    return layer.get('name') === 'test'; // boolean 
    }); 
    map.getTarget().style.cursor = hit ? 'pointer' : ''; 
}); 

Answer 2

其实API被重写（V4。 0.1），工作示例如下：

var hit = map.hasFeatureAtPixel(e.pixel, { 
    layerFilter: function (layer) { 
     return layer.get('name') === 'test'; 
    } 
});