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