Update index pages + add layers

webgis/js/gis.js

@@ -37,6 +37,13 @@ const optionsSiti = {
     fillColor: '#800040',
     fillOpacity: 0.8
 };
+const optionsGrotta = {
+    color: '#205dac',
+    opacity: 1,
+    weight: 1.5,
+    fillColor: '#205dac',
+    fillOpacity: 0.8
+}
 const optionsPaesistici = {
     color: '#222',
     opacity: 1,
@@ -61,6 +68,8 @@ const MARKER_NAMES = {
         'tiberio' : 'Bagni di Tiberio',
         'mura' : 'Mura greche',
         'san_michele' : 'Villa San Michele',
+        'scala_fenicia' : 'Scala Fenicia',
+        'grotta_azzurra' : 'Grotta Azzurra',
     },
 };
 
@@ -254,6 +263,8 @@ GIS.initLayers = async function(map) {
     let layerSanMichele = await this.loadLayer('san_michele.geojson', optionsSiti, false);
     let layerDamecuta = await this.loadLayer('damecuta.geojson', optionsSiti, false);
     let layerTiberio = await this.loadLayer('tiberio.geojson', optionsSiti, false);
+    let layerScala = await this.loadLayer('scala_fenicia.geojson', optionsSiti, false);
+    let layerGrotta = await this.loadLayer('grotta_azzurra.geojson', optionsGrotta, false);
 
     layerMater.id = 'matermania';
     layerMaterArea.id = 'matermania_area';
@@ -265,6 +276,8 @@ GIS.initLayers = async function(map) {
     layerSanMichele.id = 'san_michele';
     layerDamecuta.id = 'damecuta';
     layerTiberio.id = 'tiberio';
+    layerScala.id = 'scala_fenicia';
+    layerGrotta.id = 'grotta_azzurra';
 
     let osmap = new L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
         maxNativeZoom : 22,
@@ -294,6 +307,8 @@ GIS.initLayers = async function(map) {
         layerSanMichele,
         layerDamecuta,
         layerTiberio,
+        layerScala,
+        layerGrotta,
     ]);
     const baseGroup = new L.LayerGroup([osmap]);
     baseGroup.addTo(map);