nicolo/caprigis
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Customize marker clusters

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/app.css
View File

@ -166,3 +166,14 @@ a:visited {
height: 100%; height: 100%;
width: 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;
}

12
webgis/js/gis.js
View File

@ -163,7 +163,9 @@ GIS.initMap = async function (mapId, zoomLevel = this.INIT_ZOOM) {
* @returns {L.markerClusterGroup} * @returns {L.markerClusterGroup}
*/ */
GIS.sitesMarkers = async function (sitesGroup) { GIS.sitesMarkers = async function (sitesGroup) {
let sitesMarkers = L.markerClusterGroup(); let sitesMarkers = L.markerClusterGroup({
showCoverageOnHover: false
});
for (let id in MARKER_NAMES.sites) { for (let id in MARKER_NAMES.sites) {
let layer = sitesGroup.customGetLayer(id); let layer = sitesGroup.customGetLayer(id);
@ -204,7 +206,9 @@ GIS.notConserved = async function () {
let notConserData = await fetch(`${API_URL}/not_conserved`) let notConserData = await fetch(`${API_URL}/not_conserved`)
.then(data => data.json()); .then(data => data.json());
let notConserved = L.markerClusterGroup(); let notConserved = L.markerClusterGroup({
showCoverageOnHover: false
});
for (let record of notConserData.records) { for (let record of notConserData.records) {
notConserved.addLayer(L.marker( notConserved.addLayer(L.marker(
@ -228,7 +232,9 @@ GIS.findings = async function () {
let findingsData = await fetch(`${API_URL}/finding`) let findingsData = await fetch(`${API_URL}/finding`)
.then(data => data.json()); .then(data => data.json());
let findings = L.markerClusterGroup(); let findings = L.markerClusterGroup({
showCoverageOnHover: false
});
for (let record of findingsData) { for (let record of findingsData) {
findings.addLayer(L.marker( findings.addLayer(L.marker(