simplified circle labels

src/routePlanner/hooks/useMarkersOnMap/getLayersForMarkers.ts

@@ -24,26 +24,20 @@ export const getLayersForMarkers = (
         ];
     }),
     // circles and labels
-    ...markers.flatMap((marker) => {
+    ...markers.map((marker) =>
-        const circle = leaflet.circleMarker(marker.coordinates, {
+        leaflet
-            ...markerLayersStyle,
+            .circleMarker(marker.coordinates, {
+                ...markerLayersStyle.circleStyle,
                 bubblingMouseEvents: false,
                 fill: true,
                 fillOpacity: 100,
-        });
+            })
-        const tooltip = leaflet
+            .on('click', marker.remove)
-            .tooltip(
+            .bindTooltip(marker.shortLabel, {
-                {
                 permanent: true,
                 direction: 'center',
                 className: 'text',
                 content: marker.shortLabel,
-                },
-                circle,
-            )
-            .setLatLng(marker.coordinates);
-
-        circle.on('click', marker.remove);
-        return [circle, tooltip];
             }),
+    ),
 ];