openlayers new Draw 点击完成后线消失了

在使用OpenLayers进行开发时，如果你遇到了点击完成后线消失的问题，这可能是由于几个原因导致的。通常，绘制工具（如Draw插件）在完成绘制操作后会自动停止绘制模式，这可能导致绘制的特征（feature）消失。以下是几个可能的原因以及相应的解决方案：

1. **交互完成后的回调处理不当**：在完成绘制后，如果不正确处理交互完成的回调函数，可能会导致绘制的线丢失。确保在绘制完成后对交互进行正确的配置或设置。

2. **图层刷新问题**：有时绘制完成后，图层没有正确刷新，导致新绘制的线没有显示出来。可以通过调用图层的`changed()`方法来触发视图的刷新。

3. **地图视图没有重新渲染**：绘制完成之后，地图视图可能需要更新才能正确显示新绘制的几何图形。可以使用`map.render()`来强制重新渲染地图视图。

下面是一个简单的示例代码，展示了如何在使用OpenLayers的Draw插件绘制完成后保持绘制的线：

var draw, lineFeature, map;

function initMap() {
  map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([0, 0]),
      zoom: 2
    })
  });

  var vectorSource = new ol.source.Vector({});
  var vectorLayer = new ol.layer.Vector({
    source: vectorSource
  });
  map.addLayer(vectorLayer);

  draw = new ol.interaction.Draw({
    source: vectorSource,
    type: 'LineString'
  });
  map.addInteraction(draw);

  draw.on('drawend', function(event) {
    lineFeature = event.feature;
    // 确保绘制完成后不会移除feature
    draw.setActive(false);
  });
}

initMap();

在上述代码中，我们在绘制完成后将`lineFeature`保存下来，并手动将绘制交互`draw`设置为非活动状态，以避免自动清除绘制的几何图形。