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

Add layer + UI changes

Browse Source
This commit is contained in:
Nicolò P
2024-07-08 12:06:59 +02:00
parent 4e7ab26b11
commit f9eb9b3e38
5 changed files with 52 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
js/gis.js
View File

@@ -140,6 +140,7 @@ GIS.initLayers = async function(map) {
let layerGradola = await this.loadLayer('gradola.geojson', optionsSiti, false);
let layerGradolaArea = await this.loadLayer('gradola_area.geojson', optionsSiti, false);
let layerMura = await this.loadLayer('mura.geojson', optionsSiti, false);
let layerSanMichele = await this.loadLayer('san_michele.geojson', optionsSiti, false);
layerMater.id = 'matermania';
layerMaterArea.id = 'matermania_area';
@@ -148,6 +149,7 @@ GIS.initLayers = async function(map) {
layerArsenale.id = 'arsenale';
layerArsenaleArea.id = 'arsenale_area';
layerMura.id = 'mura';
layerSanMichele.id = 'san_michele';
let layerVincoli = await this.loadLayer('vincoli.geojson', optionsVincoli);
// TODO named parameters??
@@ -177,6 +179,7 @@ GIS.initLayers = async function(map) {
layerArsenale,
layerArsenaleArea,
layerMura,
layerSanMichele,
]);
const baseGroup = new L.LayerGroup([osmap]);
baseGroup.addTo(map);
@@ -191,6 +194,7 @@ GIS.initLayers = async function(map) {
"Grotta di Matermania" : layerMater,
"Grotta dell'Arsenale" : layerArsenale,
"Mura greche" : layerMura,
"Villa San Michele" : layerSanMichele,
"Vincoli archeologici" : layerVincoli,
"Vincoli paesistici" : layerPaesistici,
};

14
js/ui.js
View File

@@ -98,8 +98,8 @@ UI.openModal = async function (data) {
<tr><th>Stato di conservazione</th><td>${data.stato_conserv}</td></tr>
<tr><th>Documenti</th><td>${data.documenti}</td></tr>
<tr><th>Descrizione</th><td><details><summary class="is-clickable">Leggi tutto</summary>${data.descrizione}</details></td></tr>
</table>
</details>
</table>
</details>
</div>`;
if (data.documents.length) {
let publications = data.documents.filter(d => d.tipo === 'pubblicazione');
@@ -138,8 +138,11 @@ UI.openModal = async function (data) {
content += `
<div style="max-width: 70%; margin: 0 auto">
<p class="is-size-6 has-text-centered">Cliccare sull'immagine per aprire la gallery</p>
<figure class="has-text-centered is-clickable" id="gallery-1">
<figure class="is-relative has-text-centered is-clickable" id="gallery-1">
<img src="img/${data.surveys[0].filename}" width="300"/>
<div class="icon overlay is-flex is-justify-content-center is-align-items-center">
<i class="is-flex fa fa-2x fa-play-circle"></i>
</div>
<figcaption class="p-2 has-text-centered">${data.surveys[0].didascalia}</figcaption>
</figure>
</div>
@@ -152,8 +155,11 @@ UI.openModal = async function (data) {
content += `
<div style="max-width: 70%; margin: 0 auto">
<p class="is-size-6 has-text-centered">Cliccare sull'immagine per aprire la gallery</p>
<figure class="is-clickable has-text-centered" id="gallery-2">
<figure class="is-relative is-clickable has-text-centered" id="gallery-2">
<img src="img/${data.photos[0].filename}" width="300"/>
<div class="icon overlay is-flex is-justify-content-center is-align-items-center">
<i class="is-flex fa fa-2x fa-play-circle"></i>
</div>
<figcaption class="p-2 has-text-centered">${data.photos[0].didascalia}</figcaption>
</figure>
</div>