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

Cluster options + images

Browse Source
This commit is contained in:
Nicolò P 2024-11-30 12:01:15 +01:00
parent 07f8dd9a86
commit 165806ae05
10 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -14,3 +14,4 @@ shapefile
config.js config.js
# Don't track shperical photos # Don't track shperical photos
webgis/img/spherical/*.png webgis/img/spherical/*.png
*Zone*Identifier

BIN
img/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

4
img/logo-soprintendenza-abap-area-metropolitana-napoli-bianco-e1680166536285.webp:Zone.Identifier
View File

@ -1,4 +0,0 @@
[ZoneTransfer]
ZoneId=3
ReferrerUrl=https://sabapmetropolitanana.cultura.gov.it/
HostUrl=https://sabapmetropolitanana.cultura.gov.it/wp-content/uploads/2024/06/logo-soprintendenza-abap-area-metropolitana-napoli-bianco-e1680166536285.webp

1
index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="css/app.css" /> <link rel="stylesheet" href="css/app.css" />
<link rel="shortcut icon" type="image/png" href="/img/favicon.png">
<title>Carta Archeologica Isola di Capri</title> <title>Carta Archeologica Isola di Capri</title>
<script type="importmap"> <script type="importmap">
{ {

BIN
webgis/img/DJI_0364.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 741 KiB

BIN
webgis/img/TORRE DAMECUTA 3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 440 KiB

BIN
webgis/img/VILLA DAMECUTA 2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
webgis/img/VILLA DAMECUTA.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

1
webgis/index.html
View File

@ -9,6 +9,7 @@
<link rel="stylesheet" href="js/vendor/spotlight.js/dist/css/spotlight.min.css" /> <link rel="stylesheet" href="js/vendor/spotlight.js/dist/css/spotlight.min.css" />
<link rel="stylesheet" href="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css" /> <link rel="stylesheet" href="js/vendor/@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css" />
<link rel="stylesheet" href="js/vendor/@photo-sphere-viewer/core/index.css" /> <link rel="stylesheet" href="js/vendor/@photo-sphere-viewer/core/index.css" />
<link rel="shortcut icon" type="image/png" href="/img/favicon.png">
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {

27
webgis/js/gis.js
View File

@ -60,7 +60,6 @@ const optionsFabbricati = {
fillColor: '#5b5d5f', fillColor: '#5b5d5f',
fillOpacity: 0.8 fillOpacity: 0.8
}; };
const MARKER_NAMES = { const MARKER_NAMES = {
sites: { sites: {
'gradola' : 'Villa di Gradola', 'gradola' : 'Villa di Gradola',
@ -75,6 +74,11 @@ const MARKER_NAMES = {
'lopozzo' : 'Località Lo Pozzo', 'lopozzo' : 'Località Lo Pozzo',
}, },
}; };
const clusterOptions = {
spiderfyOnMaxZoom: false,
showCoverageOnHover: false,
disableClusteringAtZoom: 19,
};
/** /**
* Capitalize a text string * Capitalize a text string
@ -159,10 +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, clusterOptions
disableClusteringAtZoom: 19, );
});
for (let id in MARKER_NAMES.sites) { for (let id in MARKER_NAMES.sites) {
let layer = sitesGroup.customGetLayer(id); let layer = sitesGroup.customGetLayer(id);
@ -203,10 +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, clusterOptions
disableClusteringAtZoom: 19, );
});
for (let record of notConserData.records) { for (let record of notConserData.records) {
notConserved.addLayer(L.marker( notConserved.addLayer(L.marker(
@ -230,10 +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, clusterOptions
disableClusteringAtZoom: 19, );
});
for (let record of findingsData) { for (let record of findingsData) {
findings.addLayer(L.marker( findings.addLayer(L.marker(