Merge pull request #6 from ThomasG77/pmtiles

Support Pmtiles
opendatateam · Dec 5, 2024 · 5700d66 · 5700d66
2 parents 7923578 + 6dfc622
commit 5700d66
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -21,6 +21,7 @@
 		"lucide-vue-next": "^0.462.0",
 		"maplibre-gl": "^4.7.1",
 		"pinia": "^2.2.8",
+		"pmtiles": "^4.0.1",
 		"radix-vue": "^1.9.10",
 		"tailwind-merge": "^2.5.5",
 		"tailwindcss-animate": "^1.0.7",

diff --git a/frontend/src/assets/json/vector.json b/frontend/src/assets/json/vector.json
@@ -33,7 +33,7 @@
       },
       "cadastre": {
           "type": "vector",
-          "url": "https://openmaptiles.geo.data.gouv.fr/data/cadastre-dvf.json"
+          "url": "pmtiles://https://files.data.gouv.fr/pmtiles/cadastre-dvf-agri.pmtiles"
       }
     },
     "sprite": "https://openmaptiles.github.io/osm-bright-gl-style/sprite",
@@ -2379,4 +2379,4 @@
     ],
     "id": "bright"
   }
-
+
diff --git a/frontend/src/components/MapComponent.vue b/frontend/src/components/MapComponent.vue
@@ -25,8 +25,12 @@ import { getColorsForNatureCulture } from "@/types/NatureCulture";
 import * as d3 from "d3-scale";
 import maplibregl, { type Map as MapLibreMap } from "maplibre-gl";
 import type { LngLatLike, StyleSpecification } from "maplibre-gl";
+import { Protocol } from "pmtiles";
 import { type Ref, defineComponent, onMounted, ref, watch } from "vue";
 
+let protocol = new Protocol();
+maplibregl.addProtocol("pmtiles",protocol.tile);
+
 export default defineComponent({
 	name: "MapComponent",
 	components: {
@@ -122,7 +126,7 @@ export default defineComponent({
 					id: "parcelles_fill",
 					type: "fill",
 					source: "cadastre",
-					filter: ["has", "dvf"],
+					filter: ["has", "dvf_agri"],
 					"source-layer": "parcelles",
 					minzoom: 13,
 					maxzoom: 18,