打开图层样式在多边形模式下绘制交互

Question

我正在尝试更改绘制多边形交互的默认样式。目前，它绘制一串蓝色线条，并使用半透明填充填充多边形。

但是，如果我更改它，它总是将当前点连接到第一个点。

任何人都可以指导我如何实现这一目标吗？

Answer 1

您应该为图层和交互设置样式。

通过在Draw元素中设置样式，您将在绘制时更改多边形的样式：

var draw = new ol.interaction.Draw({
    source: source,
    type: 'Polygon',
    style: new ol.style.Style({
        fill: new ol.style.Fill({
           color: 'rgba(255, 255, 255, 0.5)'
        })
    })
});

使用Draw元素更改共享source的矢量图层的样式，绘制多边形后将修改其样式：

var vector = new ol.layer.Vector({
    source: source,
    style: new ol.style.Style({
        fill: new ol.style.Fill({
            color: 'rgba(255, 255, 255, 0.9)'
        })
    })
});

我创建了jsfiddle