三、修改要素

Modifying features 修改要素

现在我们有一种方法可以让用户将数据加载到编辑器中，我们希望让他们编辑功能。为此，我们将使用 Modify​ 交互，将其配置为修改矢量源上的功能。

首先，在 main.js​ 中导入 Modify​ 交互：

/**
 * 导入Modify交互模块
 * 该交互模块允许用户修改地图上的要素。
 */
import Modify from 'ol/interaction/Modify';

接下来，创建一个连接到矢量源的新交互并将其添加到地图（位于 main.js​ 的底部）：

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

将数据添加到地图后，确认您可以通过拖动要素的顶点来修改要素。您还可以使用 Alt+Click​ 删除顶点。

​​