Customize marker clusters
This commit is contained in:
parent
27495ce593
commit
4ea00e9555
11
css/app.css
11
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;
|
||||
}
|
@ -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(
|
||||
|
Loading…
Reference in New Issue
Block a user