Additional layers

.gitignore

@@ -4,5 +4,7 @@
 *.rar
 *.shp*
 *.log
+*.zip
 vendor/
 docs/
+progetto_QGIS/

geojson/mura.geojson

@@ -0,0 +1,9 @@
+{
+"type": "FeatureCollection",
+"name": "mura",
+"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
+"features": [
+{ "type": "Feature", "properties": { "id": 1, "TIPO": "MURA POLIGONALE III MANIERA" }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ 14.243419275071911, 40.551572447265045 ], [ 14.243370616203077, 40.551535961431654 ] ] ] } },
+{ "type": "Feature", "properties": { "id": 2, "TIPO": "MURA POLIGONALE IV MANIERA" }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ 14.243370616203077, 40.551535961431654 ], [ 14.243292573942712, 40.55149176623128 ] ] ] } }
+]
+}

index.html

@@ -59,6 +59,9 @@
                         <a class="button" id="arsenale">
                             Grotta dell'Arsenale
                         </a>
+                        <a class="button" id="mura">
+                            Mura greche
+                        </a>
                     </li>
                 </ul>
             </aside>

js/gis.js

@@ -137,6 +137,7 @@ GIS.initLayers = async function(map) {
     let layerArsenaleArea = await this.loadLayer('arsenale_area.geojson', optionsSiti, false);
     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);
 
     layerMater.id = 'matermania';
     layerMaterArea.id = 'matermania_area';
@@ -144,6 +145,7 @@ GIS.initLayers = async function(map) {
     layerGradolaArea.id = 'gradola_area';
     layerArsenale.id = 'arsenale';
     layerArsenaleArea.id = 'arsenale_area';
+    layerMura.id = 'mura';
 
     let layerVincoli = await this.loadLayer('vincoli.geojson', optionsVincoli);
     // TODO named parameters??
@@ -153,6 +155,14 @@ GIS.initLayers = async function(map) {
         maxZoom: 22,
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
     });
+    let esriSat = new L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
+        maxNativeZoom : 22,
+        maxZoom: 22,
+        attribution: '&copy; Esri'
+    });
+    let boundaries = await this.loadLayer('confini.geojson', {}, false);
+    let buildings = await this.loadLayer('fabbricati.geojson', optionsPaesistici, false);
+    let baseCatasto = new L.LayerGroup([buildings, boundaries]);
 
     const sitesGroup = new L.LayerGroup([
         layerMater,
@@ -161,12 +171,15 @@ GIS.initLayers = async function(map) {
         layerGradolaArea,
         layerArsenale,
         layerArsenaleArea,
+        layerMura,
     ]);
     const baseGroup = new L.LayerGroup([osmap]);
     baseGroup.addTo(map);
     sitesGroup.addTo(map);
     const baseMap = {
-        "OpenStreetMap" : osmap
+        "OpenStreetMap" : osmap,
+        "Satellite" : esriSat,
+        "Cartografia catastale" : baseCatasto,
     };
     const archeo = {
         "Villa di Gradola (planimetria)" : layerGradola,
@@ -175,6 +188,7 @@ GIS.initLayers = async function(map) {
         "Grotta di Matermania (area)" : layerMaterArea,
         "Grotta dell'Arsenale (planimetria)" : layerArsenale,
         "Grotta dell'Arsenale (area)" : layerArsenaleArea,
+        "Mura greche" : layerMura,
         "Vincoli archeologici" : layerVincoli,
         "Vincoli paesistici" : layerPaesistici,
     };