をクリックしてダブルクリックして、インタラクションの選択を解除します。OpenLayers 3

Question

私はトウを持っていますol.interaction.Selectを1回クリックするともう1回ダブルクリックします。

var selectDoubleClick = new ol.interaction.Select({ 
    multi: true, 
    condition: ol.events.condition.doubleClick, 
    style: function(feature) { 
     //stuff here; 
    } 
    return feature; 
} 

selectDoubleClick.on('select',function(event) { 
    //stuff here 
} 

var selectSingleClick = new ol.interaction.Select({ 
    multi: true, 
    condition: ol.events.condition.singleClick, 
    style: function(feature) { 
     //stuff here 
    } 
    return feature; 
} 

selectSingleClick.on('select',function(event) { 
    //stuff here 
} 

しかし、ダブルクリックの選択を解除するには、地図で2回クリックする必要があります。ワンクリックでダブルクリックを解除する方法はありますか？

Answer 1

：このように。まず、このインタラクション（selectDoubleClick）へのgetFeatureリンクが存在すれば、この機能をクリアします。

var concludeClickEdit = function(eventListener) { 
    if(selectDoubleClick.getFeatures().getLength() !== 0){ 
      selectDoubleClick.getFeatures().clear(); 
      } 
} 

マップがクリックされたときにイベントをリスニングして機能をクリアする方がよいでしょう。

Answer 2

カスタム関数をconditionとしてselectDoubleClickという対話で渡すことで、そうすることができます。選択された機能をチェックし、機能が選択されていない場合はダブルクリックに反応し、選択された機能がある場合はシングルクリックする機能です。私は私の解決策は単純です@ahocevar からのコードの一部を使用し、問題を解決するの私のバージョンで

condition: function(mapBrowserEvent) { 
    if (selectDoubleClick.getFeatures().getLength() == 0) { 
    return mapBrowserEvent.type == 'dblclick'; 
    } else { 
    return mapBrowserEvent.type == 'singleclick'; 
    } 
}