四、绘制新要素

Drawing new features 绘制新要素

我们的特征编辑器现在可用于加载数据和修改特征。接下来，我们将添加 Draw​ 交互，以允许人们绘制新功能并将其添加到我们的源中。

首先，导入 Draw​ 交互（在 main.js​ 中）：

/**
 * 导入Draw交互模块
 * 该交互模块允许用户在地图上绘制要素。
 */
import Draw from 'ol/interaction/Draw';

现在，创建一个绘制交互，配置为绘制多边形并将它们添加到我们的矢量源中：

/**
 * 创建一个新的绘制交互对象。
 * Draw是一个交互对象，用于处理绘制操作，允许用户在地图上绘制要素。
 * 返回值: Draw对象，用于处理绘制操作。
 */
map.addInteraction(
  new Draw({
    type: 'Polygon',
    source: source,
  })
);

绘制交互的 type​ 属性控制绘制什么类型的几何图形。该值可以是任何 GeoJSON 几何类型。

有了我们的绘制交互，我们现在可以向矢量源添加新要素。

​​

‍

‍

‍