fix: offline issues

Author: azarz

src/js/data-layer/immersvie-position-config.json

@@ -12,7 +12,7 @@
   {
     "id": "BDTOPO_V3:parc_ou_reserve",
     "layer": "BDTOPO_V3:parc_ou_reserve",
-    "attributes": ["nature", "toponyme"],
+    "attributes": ["nature", "toponyme", "nature_detaillee"],
     "geom_name": "geometrie"
   },
   {

src/js/event-listeners.js

@@ -209,7 +209,7 @@ function addListeners() {
       </div>
       `, map);
       if (Capacitor.isNativePlatform()) {
-        this.map.setGlyphs("https://data.geopf.fr/annexes/ressources/vectorTiles/fonts/{fontstack}/{range}.pbf");
+        Globals.map.setGlyphs("https://data.geopf.fr/annexes/ressources/vectorTiles/fonts/{fontstack}/{range}.pbf");
       }
     } else {
       PopupUtils.showOnlinePopup(`
@@ -222,7 +222,7 @@ function addListeners() {
       </div>
       `, map);
       if (Capacitor.isNativePlatform()) {
-        this.map.setGlyphs("data/fallback_glyphs/{fontstack}/{range}.pbf");
+        Globals.map.setGlyphs("data/fallback_glyphs/{fontstack}/{range}.pbf");
       }
       // Active Plan IGN
       if (!planIgnLayerBtn.classList.contains("selectedLayer")) {

src/js/globals.js

@@ -105,6 +105,27 @@ let offlineMaps = null;
 // Global flag: is the device connected to the internet?
 let online = (await Network.getStatus()).connected;
 
+if (!online) {
+  let hasPlanIGN = false;
+  for (let i = 0; i < layersDisplayed.length; i++) {
+    const layer = layersDisplayed[i];
+    if (layer.id === "PLAN.IGN.INTERACTIF$TMS") {
+      hasPlanIGN = true;
+      break;
+    }
+  }
+  if (!hasPlanIGN) {
+    layersDisplayed.unshift(
+      {
+        id: "PLAN.IGN.INTERACTIF$TMS",
+        opacity: 100,
+        visible: true,
+        gray: false,
+      }
+    );
+  }
+}
+
 // Scroll
 let maxScroll = (document.scrollingElement.scrollHeight - document.scrollingElement.clientHeight);
 let anchors = [0, maxScroll / 2.5, maxScroll];

src/js/immersive-position.js

@@ -44,7 +44,7 @@ class ImmersivePosion extends EventTarget {
    */
   computeHtml() {
     let htmlTemplate = `
-      <p>&#x1F3D8;&#xFE0F; Vous êtes sur la commune de ${this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"] ? this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"][0][0] : "chargement..."}, qui compte ${this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"] ? this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"][0][1] : "chargement..."} habitants, située dans le département de ${this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:departement"] ? this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:departement"][0] : "chargement..."}</p>
+      <p>&#x1F3E0; Vous êtes sur la commune de ${this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"] ? this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"][0][0] : "chargement..."}, qui compte ${this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"] ? this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:commune"][0][1] : "chargement..."} habitants, située dans le département de ${this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:departement"] ? this.data["LIMITES_ADMINISTRATIVES_EXPRESS.LATEST:departement"][0] : "chargement..."}</p>
     `;
 
     if (this.data["BDTOPO_V3:parc_ou_reserve"] && this.data["BDTOPO_V3:parc_ou_reserve"].length) {
@@ -230,6 +230,9 @@ class ImmersivePosion extends EventTarget {
         if ( !(["Site Natura 2000", "Parc naturel régional", "Parc national", "Réserve naturelle"].includes(parc[0])) ) {
           return false;
         }
+        if (["Périmètre de protection d'une réserve naturelle nationale", "Périmètre de protection d'une réserve naturelle régionale"].includes(parc[2])) {
+          return false;
+        }
         if (parc[0] === "Site Natura 2000") {
           if (this.hasNatural2000) {
             return false;