如何在OpenLayers 6.9.0中获取被Modify工具修改的线要素点坐标？

要实现修改LineString路径后获取点位的前后坐标（包括移动和新增的途经点），可以通过监听Modify交互的modifystart和modifyend事件来实现，具体步骤如下：

1. 初始化Modify交互 #

先创建Modify工具，指定目标要素源，并可过滤仅处理LineString类型要素：

// 假设已存在vectorLayer（承载LineString的矢量图层）和map实例
const modify = new ol.interaction.Modify({
  source: vectorLayer.getSource(),
  filter: feature => feature.getGeometry() instanceof ol.geom.LineString
});
map.addInteraction(modify);

2. 存储修改前的原始坐标 #

定义变量保存修改前的坐标数组，在modifystart事件触发时记录当前要素的原始坐标：

let originalCoords = [];

modify.on('modifystart', evt => {
  evt.features.forEach(feature => {
    // 保存LineString的原始坐标集合
    originalCoords = feature.getGeometry().getCoordinates();
  });
});

3. 在修改完成后对比坐标，提取变化点 #

监听modifyend事件，对比修改前后的坐标数组，找出移动或新增的点位：

modify.on('modifyend', evt => {
  evt.features.forEach(feature => {
    const newCoords = feature.getGeometry().getCoordinates();
    const changedPoints = [];

    // 处理已有点位被移动的情况
    originalCoords.forEach((oldCoord, index) => {
      const newCoord = newCoords[index];
      // 通过坐标距离判断是否修改（避免浮点数精度问题）
      if (ol.coordinate.distance(oldCoord, newCoord) > 1e-6) {
        changedPoints.push({
          oldCoordinate: oldCoord,
          newCoordinate: newCoord
        });
      }
    });

    // 处理新增点位的情况（拖拽线段中间新增途经点）
    if (newCoords.length > originalCoords.length) {
      newCoords.forEach(newCoord => {
        const isOriginal = originalCoords.some(oldCoord => 
          ol.coordinate.distance(oldCoord, newCoord) < 1e-6
        );
        if (!isOriginal) {
          changedPoints.push({
            oldCoordinate: null, // 新增点无原始坐标
            newCoordinate: newCoord
          });
        }
      });
    }

    // 这里可将变化点发送至路由API
    if (changedPoints.length > 0) {
      console.log('修改的途经点:', changedPoints);
      // 示例POST请求（根据实际API调整）
      // fetch('/your-route-api', {
      //   method: 'POST',
      //   headers: { 'Content-Type': 'application/json' },
      //   body: JSON.stringify(changedPoints)
      // });
    }

    // 重置原始坐标，准备下一次修改
    originalCoords = [];
  });
});

关键说明 #

• 坐标对比使用ol.coordinate.distance而非直接全等判断，避免浮点数精度误差导致的误判
• 新增点位时，新坐标数组长度会大于原始数组，需单独识别并添加到变化点集合中
• 每次修改完成后重置originalCoords，确保下一次修改的坐标对比准确

内容的提问来源于stack exchange，提问作者mohammad fatemi