From d884645f373cd7c90bc97a04d22a2ec0fccd2ac1 Mon Sep 17 00:00:00 2001
From: Dan Albert <dan@gingerhq.net>
Date: Wed, 12 May 2021 23:43:47 -0700
Subject: [PATCH] Cluster TGO markers.

---
 resources/ui/map/canvas.html | 16 +++++++++++++++-
 resources/ui/map/map.js      |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/resources/ui/map/canvas.html b/resources/ui/map/canvas.html
index b6382e92..10c3186e 100644
--- a/resources/ui/map/canvas.html
+++ b/resources/ui/map/canvas.html
@@ -17,13 +17,27 @@
 
     <link
         rel="stylesheet"
-        href="https://unpkg.com/leaflet-groupedlayercontrol@0.6.1/dist/leaflet.groupedlayercontrol.min.css" 
+        href="https://unpkg.com/leaflet-groupedlayercontrol@0.6.1/dist/leaflet.groupedlayercontrol.min.css"
         crossorigin="">
     <script
         src="https://unpkg.com/leaflet-groupedlayercontrol@0.6.1/dist/leaflet.groupedlayercontrol.min.js"
         integrity="sha384-XAr1poM2RCR9/QQFki7ylrGSdmvYE0NuHghuRuxb/k9zJQA53y6qR5te5jJRZlcL"
         crossorigin="">
     </script>
+
+    <link
+        rel="stylesheet"
+        href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css"
+        crossorigin="">
+    <link
+        rel="stylesheet"
+        href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css"
+        crossorigin="">
+    <script
+        src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"
+        integrity="sha384-RLIyj5q1b5XJTn0tqUhucRZe40nFTocRP91R/NkRJHwAe4XxnTV77FXy/vGLiec2"
+        crossorigin="">
+    </script>
     <style>
         body { padding: 0; margin: 0; }
         html, body, #map { height: 100%; }
diff --git a/resources/ui/map/map.js b/resources/ui/map/map.js
index e291cbc4..64784c2e 100644
--- a/resources/ui/map/map.js
+++ b/resources/ui/map/map.js
@@ -33,7 +33,7 @@ defaultBaseMap.addTo(map);
 
 // Enabled by default, so addTo(map).
 var controlPointsLayer = L.layerGroup().addTo(map);
-var groundObjectsLayer = L.layerGroup().addTo(map);
+var groundObjectsLayer = L.markerClusterGroup().addTo(map);
 var supplyRoutesLayer = L.layerGroup().addTo(map);
 var redSamThreatLayer = L.layerGroup().addTo(map);
 var blueFlightPlansLayer = L.layerGroup().addTo(map);