fix winding order when drawing

pieterprovoost · Jan 1, 2025 · 17c720d · 17c720d
1 parent 4733768
commit 17c720d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,6 +3,7 @@
   "version": "0.2.0",
   "private": true,
   "dependencies": {
+    "@mapbox/geojson-rewind": "^0.5.2",
     "@pieterprovoost/wkx": "0.0.1",
     "@terraformer/wkt": "^2.1.2",
     "@testing-library/jest-dom": "^5.16.4",

diff --git a/src/wkt.js b/src/wkt.js
@@ -11,6 +11,7 @@ import { geojsonToWKT } from "@terraformer/wkt";
 import proj4 from "proj4";
 import {register} from "ol/proj/proj4";
 import toast from "react-hot-toast";
+import rewind from "@mapbox/geojson-rewind";
 
 const USE_WKT = false;
 
@@ -260,6 +261,12 @@ function layerGroupToWkt(layerGroup) {
   let geometries = [];
   layerGroup.eachLayer(function(layer) {
     const geo = layer.toGeoJSON();
+    const before = JSON.stringify(geo.geometry);
+    rewind(geo.geometry);
+    const after = JSON.stringify(geo.geometry);
+    if (before !== after) {
+      toast("Fixed winding order");
+    }
     if (geo.type === "Feature") {
       geometries = geometries.concat(splitGeometry(geo.geometry));
     } else if (geo.type === "FeatureCollection") {