openlayers new Draw 绘制结束的操作

在OpenLayers中，使用`new Draw()`创建了一个画笔交互，允许用户在地图上绘制各种几何形状。当用户完成绘制后，会触发`drawend`事件，这个事件包含了所绘制的对象。以下是基本操作的一个示例：

// 初始化一个Draw实例，指定允许绘制的几何类型（如点、线、多边形等）
var draw = new ol.interaction.Draw({
  types: ['Point', 'LineString', 'Polygon'], // 可以根据需求更改
  style: function(res) { ... } // 根据几何类型设置样式
});

// 将Draw实例添加到地图的交互列表
map.addInteraction(draw);

// 绑定drawend事件
draw.on('drawend', function(event) {
  var drawnFeature = event.feature; // 当前绘制完成的特征

  // 检查绘制是否有效，比如只接受完整的闭合多边形
  if (drawnFeature !== undefined && drawnFeature.isComplete()) {
    // 对于绘制的每个特征，可以根据需求添加到地图数据源中，例如GeoJSON源
    map.getSource('myVectorSource').addFeature(drawnFeature);
    
    // 这里还可以做后续处理，比如保存到服务器，清除画布等
    console.log('Drawing ended:', drawnFeature);
  }

  // 清除画笔状态，让用户可以继续绘制
  draw.clear();
});

// 清理函数，关闭画笔
function clearDrawing() {
  draw.setActive(false);
}

// 点击某个按钮或满足其他条件时，调用clearDrawing函数停止绘画
document.getElementById('stop-draw-button').addEventListener('click', clearDrawing);

在这个例子中，`draw.endEditing()`并不是必需的，因为`draw.clear()`已经足够终止当前绘制过程。当你不再需要交互时，可以考虑移除这个`Draw`实例或者调用`clearDrawing()`函数。