openlayersのスタイリングのインタラクション

Question

デフォルトのopenlayersのドローイングのインタラクションでは、マウスが終点（最初の画像）とどこにあるかを結ぶ線分はありません。カスタムスタイルを設定すると、このセグメントが表示されます（2番目の画像）。誰も私はこの最終的なセグメントを排除する方法を知っていますか？

Answer 1

あなたはポイント、ラインとポリゴンのスタイルを設定し、ジオメトリのタイプによって区別できる形式の関数が必要になります。重要：ポリゴンスタイルは塗りつぶしで、ストロークではありません。ポリゴンの境界線は別の線ストリングであるためです。ドローイングインタラクションのための最小作業スタイル関数は、次のようになります。

var styles = { 
    Point: new ol.style.Style({ 
    image: new ol.style.Circle() 
    }), 
    LineString: new ol.style.Style({ 
    stroke: new ol.style.Stroke() 
    }), 
    Polygon: new ol.style.Style({ 
    fill: new ol.style.Fill() 
    }) 
}; 
function styleFunction(feature) { 
    return styles[feature.getGeometry().getType(); 
}