绘制完成并将新的面添加到openlayer 3中的要素列表时触发事件

当绘制完成并将新的面添加到OpenLayers 3中的要素列表时，可以通过监听事件来触发相应的操作。在OpenLayers 3中，可以使用ol.interaction.Draw来进行绘制操作，并通过监听drawend事件来捕获绘制完成的时机。

以下是一个示例代码，展示了如何在绘制完成时触发事件：

// 创建一个绘制交互对象
var draw = new ol.interaction.Draw({
  type: 'Polygon', // 绘制面
});

// 监听绘制完成事件
draw.on('drawend', function(event) {
  var feature = event.feature; // 获取绘制完成的要素

  // 在要素列表中添加新的面要素
  vectorSource.addFeature(feature);

  // 在这里可以执行其他操作，如数据处理、更新UI等

  // 例如，可以打印新添加的要素的几何信息
  console.log('新添加的要素几何信息:', feature.getGeometry());
});

// 将绘制交互对象添加到地图中
map.addInteraction(draw);

在上述示例中，我们创建了一个ol.interaction.Draw对象，并指定绘制类型为面（Polygon）。然后，通过监听drawend事件，可以在绘制完成时获取到新添加的要素，并将其添加到要素列表中（这里假设vectorSource是一个已经定义好的矢量要素源）。你可以根据实际需求，在事件处理函数中执行其他操作。

关于OpenLayers 3的更多信息和详细介绍，你可以参考腾讯云的地图服务产品腾讯地图 JavaScript API（3.x）。