在 Openlayers 3 中单击并双击选择要素

Question

我想在openlayers 3中同时单击和双击选择特征。创建ol.interaction.Select时的条件选项只需要一个功能，因此需要解决方法

我尝试编写自己的自定义条件函数来调用适当的函数，我正在考虑类似...

this.selectType = (feature) => {
      if (feature){
        if(feature.onclick){
          return ol.events.condition.singleClick
        } else {
          return ol.events.condition.doubleClick
        }
      }
    }

this.selectInteraction = new ol.interaction.Select({
      condition: this.selectType(),
      toggleCondition: ol.events.condition.shiftKeyOnly,
      layers: this.layerFilter,
      features: this.features,
      style: this.selectStyle,
    });

...但没有成功。

我意识到，我可以创建两个单独的交互来选择功能，但我宁愿不这样做，因为这将涉及根据 Select 交互复制大量代码。

有谁知道这在 openlayers 中是否可行，以及如何处理这种情况？

非常感谢

Answer 1

条件是一个接受地图浏览器事件并返回布尔值的函数。基于 OpenLayers 示例中的 Alt+Cick https://openlayers.org/en/v4.6.5/examples/select-features.html 在单击或双击时进行选择，您将需要类似

this.selectType = (mapBrowserEvent) => {
          return ol.events.condition.singleClick(mapBrowserEvent) ||
              ol.events.condition.doubleClick(mapBrowserEvent);
    }

this.selectInteraction = new ol.interaction.Select({
      condition: this.selectType, // pass the function, don't call it!
      toggleCondition: ol.events.condition.shiftKeyOnly,
      layers: this.layerFilter,
      features: this.features,
      style: this.selectStyle,
    });