OpenLayers 3具有用于图层的FeatureAtPixel过滤器

Question

我正在尝试使用从官方OL3示例页面采用的以下方法创建鼠标悬停事件：

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调用导致在控制台中提供要素对象，但没有图层对象，这些对象将作为“未定义”返回。 我需要测试图层对象是否是正确的图层对象。

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

Answer 1

实际上，API已被重写（v4.0.1），工作示例如下：

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

Answer 2

过滤器函数将接收一个参数（layer-candidate），并且应返回一个布尔值。

来自API文档。

假设您有一个类似的图层：

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' : '';
});