个人技术分享

四、绘制新要素

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 几何类型。

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

image