PROSAGA码农传奇-JS-Openlayers如何设置绘制的线串的样式与您要绘制的不同

<div class =“post-text”itemprop =“text”>
  <P>
    您需要为绘制样式使用样式函数，并将几何图形划分为两个部分以进行样式设置：
  </p>
   <pre>
    <code>
      var drawStyle = function(feature) {
    var styles = [];
    if (feature.getGeometry().getType() == 'LineString') {
        var coordinates = feature.getGeometry().getCoordinates();
        styles.push(new ol.style.Style({
            geometry: new ol.geom.LineString(coordinates.slice(-2)),
            stroke: new ol.style.Stroke({
                color: '#0000FF',
                lineDash: [1, 20],
                width: 5,
              lineCap:'square',
              lineJoin:'round',
              lineDashOffset:10
            })
        })); 
        styles.push(new ol.style.Style({
            geometry: new ol.geom.MultiPoint(coordinates),
            image: new ol.style.RegularShape({
              points: 4,
              radius: 6,
              angle: Math.PI / 4,
              fill: new ol.style.Fill({
                color: 'blue'
              }),
              stroke: new ol.style.Stroke({
                color: 'blue'
              }),
            })
        })); 
        if (coordinates.length > 2) {
          styles.push(new ol.style.Style({
            geometry: new ol.geom.LineString(coordinates.slice(0,-1)),
            stroke: new ol.style.Stroke({
                color: '#0000FF',
                width: 2,
              lineCap:'square',
              lineJoin:'round'
            })
          }));
        }
    }
    return styles;
}

</code>
  </pre>
  <P>
    要从线交互中删除最后一个点，只需使用
  </p>
   <pre>
    <code>
      line.removeLastPoint();

</code>
  </pre>
  <P>
    确保
     <code>
      var line;
    </code>
     声明所以它在按钮单击功能的范围内
  </p>
</DIV>