樣式openlayers繪製交互

Question

在默認的openlayers繪製交互中，沒有線段將鼠標連接到終點（第一個圖像）。當我設置一個自定義樣式時，這個片段是我不想要的（第二個圖像）。有沒有人知道我如何消除這個最後的部分，就像默認的風格呢？

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(); 
}