Absolutely, this is totally doable with Turf.js—let me break down exactly how to pull this off using the tools you already have. The key here is leveraging Turf's built-in spatial analysis functions, which handle all the heavy lifting of the geometry split.

Step-by-Step Implementation #

• Ensure Valid GeoJSON Inputs
  First, make sure your target polygon and split line are properly formatted as GeoJSON objects:

  • The polygon should be a Polygon (stick to single polygons for simplicity; multi-polygons need extra handling)
  • The split line needs to be a LineString that fully traverses the polygon (starts outside, cuts through, and exits the other side—partial lines won’t trigger a split)

• Use Turf's split() Function
  Turf’s turf.split() method is built for this exact use case: it takes a polygon and a splitting line, then returns a FeatureCollection containing the two resulting polygons.

• Update Your Leaflet Map
  Remove the original polygon layer from your map, then add each of the new split polygons as separate, independent layers.

Working Code Example #

// Sample polygon GeoJSON (replace with your actual polygon data)
const targetPolygon = turf.polygon([[
  [-122.801742, 45.48565],
  [-122.801742, 45.60491],
  [-122.584762, 45.60491],
  [-122.584762, 45.48565],
  [-122.801742, 45.48565]
]]);

// Sample split line (replace with your actual line—must cross the polygon fully)
const splittingLine = turf.lineString([
  [-122.701742, 45.48565],
  [-122.701742, 45.60491]
]);

// Perform the split operation
const splitResult = turf.split(targetPolygon, splittingLine);

// Assume you have a Leaflet map instance and original polygon layer reference
// Remove the original polygon from the map
map.removeLayer(originalPolygonLayer);

// Add the two new split polygons to the map
splitResult.features.forEach(splitPoly => {
  L.geoJSON(splitPoly, {
    style: { color: '#2c3e50', weight: 2, fillOpacity: 0.3 } // Customize style as needed
  }).addTo(map);
});

Important Notes to Avoid Headaches #

• Split Line Traversal Rule: If your line only touches the polygon at a single point or doesn’t cut all the way through, turf.split() will return the original polygon instead of splitting it. Always validate that your line crosses the polygon’s boundaries twice.
• Complex Polygons: For polygons with holes or irregular shapes, double-check that your split line doesn’t intersect internal boundaries in unexpected ways. You can use turf.intersect() to pre-verify line-polygon interactions if dealing with user-drawn lines.
• Turf Version: Make sure you’re using a recent stable version of Turf.js—older versions had different split function implementations that might not work as expected.

Give this a shot, and if you hit snags with edge cases (like curved split lines or multi-part polygons), feel free to follow up with more details!

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