Openlayers - 避免和调整重叠的多边形

Question

我有一个项目使用 Openlayers 来绘制、编辑和显示多个多边形。我想添加到项目中的功能之一是自动避免重叠功能。

当用户绘制新特征时。应用程序应检查是否有任何现有功能被新功能重叠。这要感谢 Turf.js 库：Stackoverflow discussion on overlapping features.

我要添加的下一步是自动切断和删除与现有功能重叠的新功能的多余区域的功能。我已经在 Turf.js 文档上进行了搜索，但我无法找到执行此操作的函数。

Answer 1

在 Mike 的帮助下，我创建了一个可行的解决方案。我遍历 VectorLayer 中存在的所有特征。我首先检查该特征是否确实是多边形。然后我将这些特征转换为 Turf Polygon 对象并检查它们是否相交。如果它们相交，我使用 Turf 中的差异函数并将特征的坐标设置为生成的多边形。

  const removeOverlappingAreasWithExistingFeatures = (feature) => {
    const format = new GeoJSON();

    store.state.layers.drawingLayer.getFeatures().forEach((existingFeature) => {
      if (
        existingFeature.getGeometry().getType() !== 'Polygon' ||
        !existingFeature.get('description') ||
        existingFeature.get('description') === feature.get('description')
      )
        return;

      var featurePoly = format.writeFeatureObject(feature);
      var existingFeaturePoly = format.writeFeatureObject(existingFeature);

      const intersection = turf.intersect(featurePoly, existingFeaturePoly);
      if (intersection) {
        var difference = turf.difference(featurePoly, intersection);

        difference.geometry.coordinates =
          difference.geometry.coordinates.filter(
            (coordinate) => coordinate.length > 0
          );

        feature.setGeometry(format.readFeature(difference).getGeometry());
      }
    });

    return feature;
  };