From 0a156b096611bba811b423bbce4773c9778b5631 Mon Sep 17 00:00:00 2001
From: Eugene Burmakin <iamfrey@gmail.com>
Date: Sat, 23 Mar 2024 16:54:01 +0100
Subject: [PATCH] Add markers as a layer

---
 app/javascript/controllers/maps_controller.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/javascript/controllers/maps_controller.js b/app/javascript/controllers/maps_controller.js
index ac495d21..ee656ba0 100644
--- a/app/javascript/controllers/maps_controller.js
+++ b/app/javascript/controllers/maps_controller.js
@@ -55,17 +55,19 @@ export default class extends Controller {
     }).addTo(map);
   }
 
-  addMarkers(map, markers) {
-    for (var i = 0; i < markers.length; i++) {
-      var lat = markers[i][0];
-      var lon = markers[i][1];
+  addMarkers(map, markers_data) {
+    var markers = []
+    for (var i = 0; i < markers_data.length; i++) {
+      var lat = markers_data[i][0];
+      var lon = markers_data[i][1];
 
-      var popupContent = this.popupContent(markers[i]);
+      var popupContent = this.popupContent(markers_data[i]);
       var circleMarker = L.circleMarker([lat, lon], {radius: 4})
 
-      circleMarker.bindPopup(popupContent).openPopup();
-      circleMarker.addTo(map);
+      markers.push(circleMarker.bindPopup(popupContent).openPopup())
     }
+
+    L.layerGroup(markers).addTo(map);
   }
 
   addPolyline(map, markers) {