set default viewport in style based on region

MapRVA · Jan 16, 2025 · 8160995 · 8160995
1 parent c3a4753
commit 8160995
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 0 deletions.
diff --git a/buildStyles.mjs b/buildStyles.mjs
@@ -3,6 +3,10 @@ import fs from "fs";
 import { writeFile } from "fs/promises";
 import i from "protomaps-themes-base";
 import { language_script_pairs } from "protomaps-themes-base";
+import { viewport } from "@mapbox/geo-viewport";
+import { bbox } from "@turf/bbox";
+
+const region = JSON.parse(fs.readFileSync("region.geojson"));
 
 // Determine tile URL
 let tileJson;
@@ -33,6 +37,7 @@ for (const theme of ["light", "dark", "white", "grayscale", "black"]) {
       sprite: `https://protomaps.github.io/basemaps-assets/sprites/v4/${theme}`,
       glyphs:
         "https://protomaps.github.io/basemaps-assets/fonts/{fontstack}/{range}.pbf",
+      ...viewport(bbox(region), [600, 600]),
     };
 
     const directory = `dist/styles/${theme}`;

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,6 +30,8 @@
   },
   "homepage": "https://github.com/maprva/protomaps-ghpages#readme",
   "dependencies": {
+    "@mapbox/geo-viewport": "^0.5.0",
+    "@turf/bbox": "^7.2.0",
     "protomaps-themes-base": "^4.3.1"
   },
   "devDependencies": {