经纬志
首页 / OpenLayers / 使用示例

修改要素

拖动顶点改形状,拖动边中点插入新顶点。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

ol.interaction.Modify 直接改源里的几何:拖顶点移动,拖边中点插入新顶点,选中顶点按 Delete 删除。

insertVertexCondition 返回 false 时增删顶点被封掉,只剩移动。示例用面积与顶点数验证编辑结果,面积按球面计算。

要点

  • 闭合环首尾同点,统计顶点数要减 1。
  • pixelTolerance 控制顶点响应范围。
  • 修改直接写回源,不需要手动更新要素。

多边形自相交不会报错,面积仍会算出结果,编辑时要靠视觉判断。