From 4ea00e95556fc09ae6143b300ca84ef9d5892455 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Fri, 29 Nov 2024 12:29:08 +0100
Subject: [PATCH] Customize marker clusters

---
 css/app.css      | 11 +++++++++++
 webgis/js/gis.js | 12 +++++++++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/css/app.css b/css/app.css
index 62158e8..e120306 100644
--- a/css/app.css
+++ b/css/app.css
@@ -165,4 +165,15 @@ a:visited {
 #pano-viewer {
     height: 100%;
     width: 100%;
+}
+/* Marker cluster */
+.marker-cluster-small {
+	background-color: rgba(202, 92, 143, 0.61);
+}
+.marker-cluster-small div {
+	background-color: rgba(204, 57, 113, 0.6);
+}
+
+.marker-cluster-small span {
+    color: #fff;
 }
\ No newline at end of file
diff --git a/webgis/js/gis.js b/webgis/js/gis.js
index 85cfd6e..5492430 100644
--- a/webgis/js/gis.js
+++ b/webgis/js/gis.js
@@ -163,7 +163,9 @@ GIS.initMap = async function (mapId, zoomLevel = this.INIT_ZOOM) {
  * @returns {L.markerClusterGroup}
  */
 GIS.sitesMarkers = async function (sitesGroup) {
-    let sitesMarkers = L.markerClusterGroup();
+    let sitesMarkers = L.markerClusterGroup({
+        showCoverageOnHover: false
+    });
 
     for (let id in MARKER_NAMES.sites) {
         let layer = sitesGroup.customGetLayer(id);
@@ -204,7 +206,9 @@ GIS.notConserved = async function () {
     let notConserData = await fetch(`${API_URL}/not_conserved`)
         .then(data => data.json());
 
-    let notConserved = L.markerClusterGroup();
+    let notConserved = L.markerClusterGroup({
+        showCoverageOnHover: false
+    });
 
     for (let record of notConserData.records) {
         notConserved.addLayer(L.marker(
@@ -228,7 +232,9 @@ GIS.findings = async function () {
     let findingsData = await fetch(`${API_URL}/finding`)
         .then(data => data.json());
 
-    let findings = L.markerClusterGroup();
+    let findings = L.markerClusterGroup({
+        showCoverageOnHover: false
+    });
 
     for (let record of findingsData) {
         findings.addLayer(L.marker(