デフォルトのOpenLayers編集スタイルを拡張しますか？

Question

私はベクトルスタイルを持っていて、大きい方はimage: radiusです。選択したインタラクションのスタイルをベクタースタイルのimage: radiusと一致させたいと思います。

this page in the documentationに基づいて編集スタイル全体を手動で再定義せずにどうすればいいですか？

デフォルトのスタイルを使用して、1つのパーツだけをオーバーライドすることはできますか？画像の半径と同じですか？または、少なくともイメージ全体のみを再定義しますか？

Answer 1

Fiddle。 ol.layer.Vectorとol.interaction.Selectと選択の間

---

シェアstyle function、あなたの関数内で読み取られる変数に変更します。この場合に使用することができ

var radius = 10; 
var styleFunction = function() { 
    return [ 
    new ol.style.Style({ 
     image: new ol.style.Circle({ 
     radius: radius, 
     fill: new ol.style.Fill({ 
      color: 'green' 
     }) 
     }) 
    }) 
    ]; 
}; 

var select_interaction = new ol.interaction.Select({ 
    style: styleFunction 
}); 

select_interaction.on('select', function(evt) { 
    radius = evt.selected.length > 0 ? 20 : 10; 
}); 

I'm proposingol.style.Circle#setRadiusを。