Customize marker clusters

This commit is contained in:
Nicolò P 2024-11-29 12:29:08 +01:00
parent 27495ce593
commit 4ea00e9555
2 changed files with 20 additions and 3 deletions

View File

@ -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;
}

View File

@ -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(