Add yellow circle markers for intermediate points

2024-06-07 14:35:41 +02:00
parent 3a965dbfa8
commit 62f5502b02
1 changed files with 12 additions and 1 deletions
--- a/components/MapComponent.js
+++ b/components/MapComponent.js
@@ -2101,10 +2101,21 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
          opacity: 1,
          fillOpacity: 0.8,
        }).addTo(map);
+
+        // Add yellow circle markers for intermediate points
+        for (let i = 1; i < line.length - 1; i++) {
+          L.circleMarker(line[i], {
+            radius: 3,
+            fillColor: "#FFFF00",
+            color: "#FFFF00",
+            weight: 1,
+            opacity: 1,
+            fillOpacity: 0.8,
+          }).addTo(map);
+        }
      }
    });
  }, [map, linePositions]);
-
  //---------------------------------------------------------

  return (