feat(data): add datatourisme fetes et manifestations

Author: azarz

config/gfi-rules.json

@@ -1,4 +1,29 @@
 {
+  "DATATOURISME.FMA$PMTILES": {
+    "0": {
+      "title": "@title",
+      "title2": "@dateRange",
+      "title2type": "date",
+      "subtitle": "<a href=\"https://www.datatourisme.fr/\" target=\"_blank\" style=\"color: var(--darker-green);\">Datatourisme</a> (Fêtes et manifestations) - Source&nbsp;: Datatourisme, ADN Tourisme",
+      "bodyAfter": [
+        ["<div class=\"unescoDate\"><p><img class=\"unescoimg\" alt=\"{{title}}\" src=\"{{image_url}}\" width=\"150px\">"],
+        ["<span class=\"monumentsHistoriquesImageAuthor\">Crédit de l'image&nbsp;: {{imageCredits}}</span></p></div>"],
+        ["<span class=\"monumentsHistoriquesImageAuthor\">Évènement créé par &nbsp;: {{creator}}</span></p></div>"],
+        ["<input type=\"checkbox\" class=\"d-none foldableInput\" id=\"foldableInputJEP\">"],
+        ["<div class=\"monumentsHistoriquesContent foldable\">{{{description}}}</div>"],
+        ["<label class=\"foldableLabel\" for=\"foldableInputJEP\">&nbsp;Voir&nbsp;</label>"],
+        ["<hr />"],
+        ["<p class=\"monumentsHistoriquesContent\"><b>Accès principal&nbsp;:</b><br /> {{address}}</p>"],
+        ["<p class=\"monumentsHistoriquesContent\"><b>Horaires d'ouverture&nbsp;:</b><br /> {{fullOpeningHoursString}}</p>"],
+        ["<p class=\"monumentsHistoriquesContent\">{{reducedMobilityAccess}}</p>"],
+        ["<p class=\"monumentsHistoriquesContent\"><b>Site web du lieu&nbsp;:</b><br /> {{internetAccess}}</p>"],
+        ["<hr />"],
+        ["<p class=\"positionWeb positionInfo\"><a target=\"_blank\" href=\"{{registrationWeb}}\">Réserver en ligne</a></p>"],
+        ["<p class=\"positionTelephone positionInfo\"><a target=\"_blank\" href=\"tel:{{registrationPhone}}\">Réserver par téléphone</a></p>"],
+        ["<p class=\"positionEmail positionInfo\"><a target=\"_blank\" href=\"mailto:{{registrationEmail}}\">Réserver par courriel</a></p>"]
+      ]
+    }
+  },
   "TRACES.RANDO.HIVERNALE$WMTS": {
     "0": {
       "title": "@nom_de_la_trace",

config/layers-config.json

@@ -325,6 +325,16 @@
       "format": "image/png"
     },
 
+    "DATATOURISME.FMA$PMTILES": {
+      "hidden": true,
+      "serverUrl": "pmtiles://https://data.geopf.fr/chunk/telechargement/download/DATATOURISME.FMA/archive/data.pmtiles",
+      "title": "Datatourisme - Fêtes et manifestations",
+      "description": "Datatourisme - Fêtes et manifestations : Localisation des événements touristiques en France métropolitaine et dans les départements et régions d’Outre-Mer (DROM). Les données sont issues de la plateforme Datatourisme, qui agrège les données de nombreux acteurs du tourisme en France. Les données sont mises à jour régulièrement par les producteurs de données.",
+      "source": "Datatourisme, ADN Tourisme",
+      "format": "application/vnd.pmtiles",
+      "styles": ["https://ignf.github.io/cartes-ign-app/datatourisme.json", "data/datatourisme.json"]
+    },
+
     "PLAN.IGN.INTERACTIF$TMS": {
       "hidden": true,
       "serverUrl": "https://data.geopf.fr/tms/1.0.0/",

config/thematics-layer-config.json

@@ -63,6 +63,7 @@
     {
         "name": "Tourisme et loisirs",
         "layers": [
+          "DATATOURISME.FMA$PMTILES",
           "IGNF_SITES-UNESCO$WMS",
           "POI.MONUMENTS_BDD_WLD_WM$WMS",
           "CJP-PARCS-JARDINS_BDD-POI_WLD_WM$WMS",

src/js/layer-manager/layer-config.js

@@ -25,7 +25,10 @@ import { config } from "../utils/config-utils";
  */
 const getLayerProps = (id) => {
   var props = config.configLayers.layers[id];
-  var isVector = id.split("$")[1] === "TMS" ? true : false;
+  var isVector = false;
+  if (id.split("$")[1] === "TMS" || id.split("$")[1] === "PMTILES") {
+    isVector = true;
+  }
   var style;
   if (isVector) {
     style = props.styles[0];
@@ -185,6 +188,9 @@ const createSource = (id) => {
     // dans le fichier de style.
     fxt = createVectorSource;
     break;
+  case "PMTILES":
+    fxt = createVectorPMTilesSource;
+    break;
   default:
     throw new Error(`LayerConfig : ID layer service (${name}) is not conforme : ${service}`);
   }
@@ -260,6 +266,18 @@ const createVectorSource = (id) => {
   };
 };
 
+/**
+ * Creer les propriétés d'une couche de type Vector au format PMTiles pour la librairie MapLibre
+ * @param {*} id
+ */
+const createVectorPMTilesSource = (id) => {
+  var props = getLayerProps(id);
+  return {
+    type: "vector",
+    url: props.url,
+  };
+};
+
 /**
  * Creer les propriétés d'une couche de type Vector pour la librairie MapLibre
  * @param {*} layer

src/js/map-interactivity/map-interactivity.js

@@ -181,9 +181,16 @@ class MapInteractivity {
 
     if (features.length > 0) {
       const tempLayers = LayersConfig.getTempLayers();
-      if ( tempLayers.map(layer => layer.id).includes(features[0].source) ) {
-        const layerConfig = tempLayers.filter(layer => layer.id === features[0].source)[0];
-        const resp = gfiRules.parseGFI(layerConfig.gfiRules, {features: features}, this.map.getZoom());
+      const isPMTiles = features[0].layer.id.includes("$PMTILES");
+      if ( isPMTiles || tempLayers.map(layer => layer.id).includes(features[0].source) ) {
+        let rules;
+        if (isPMTiles) {
+          rules = gfiRules[features[0].layer.id.split("$$$")[1]];
+        } else {
+          const layerConfig = tempLayers.filter(layer => layer.id === features[0].source)[0];
+          rules = layerConfig.gfiRules;
+        }
+        const resp = gfiRules.parseGFI(rules, {features: features}, this.map.getZoom());
         let lngLat = ev.lngLat;
         if (features[0].geometry.type === "Point") {
           lngLat = {
@@ -196,7 +203,7 @@ class MapInteractivity {
           text: resp.title,
           html: resp.html,
           html2: resp.html2,
-          isEvent: true,
+          isEvent: !isPMTiles,
         }).then(() => {
           Globals.menu.open("position");
           this.map.once("click", this.handleInfoOnMap);

www/data/datatourisme.json

@@ -0,0 +1,50 @@
+{
+  "version": 8,
+  "name": "Datatourisme - Fêtes et manifestations",
+  "glyphs": "https://data.geopf.fr/annexes/ressources/vectorTiles/fonts/{fontstack}/{range}.pbf",
+  "sprite": "data/poi-osm-sprite",
+  "sources": {
+    "datatourisme": {
+      "type": "vector",
+      "url": "pmtiles://https://data.geopf.fr/chunk/telechargement/download/DATATOURISME.FMA/archive/data.pmtiles"
+    }
+  },
+  "transition": {
+    "duration": 300,
+    "delay": 0
+  },
+  "layers": [
+    {
+      "id": "datatourisme",
+      "type": "symbol",
+      "source": "datatourisme",
+      "source-layer": "datatourisme",
+      "layout": {
+        "icon-image": "Phare",
+        "icon-allow-overlap": ["step", ["zoom"], false, 14, true],
+        "icon-size": [
+          "interpolate",
+          ["exponential", 1.5],
+          ["zoom"],
+          0,
+          ["case",
+            ["boolean", ["get", "highlight"], false], 2,
+            1.5],
+          9,
+          ["case",
+            ["boolean", ["get", "highlight"], false], 2,
+            1.5],
+          15,
+          ["case",
+            ["boolean", ["get", "highlight"], false], 3.5,
+            2.5],
+          19,
+          ["case",
+            ["boolean", ["get", "highlight"], false], 4.5,
+            3]
+        ],
+        "icon-anchor": "bottom"
+      }
+    }
+  ]
+}