bump basemap style to v3 [#49] (#398)

protomaps · May 30, 2024 · bc8f97d · bc8f97d
1 parent 658c75b
commit bc8f97d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/package.json b/app/package.json
@@ -22,7 +22,7 @@
  "fflate": "^0.7.3",
  "maplibre-gl": "3.3.1",
  "pbf": "^3.2.1",
- "protomaps-themes-base": "2.0.0-alpha.1",
+ "protomaps-themes-base": "3.0.1",
  "react": "^18.0.0",
  "react-dom": "^18.0.0",
  "react-dropzone": "^14.1.1",

diff --git a/app/src/MaplibreMap.tsx b/app/src/MaplibreMap.tsx
@@ -13,6 +13,8 @@ import { Protocol } from "../../js/adapters";
 import { PMTiles, TileType } from "../../js/index";
 import { styled } from "./stitches.config";
 
+const BASEMAP_THEME = "black";
+
 const INITIAL_ZOOM = 0;
 const INITIAL_LNG = 0;
 const INITIAL_LAT = 0;
@@ -194,7 +196,7 @@ const rasterStyle = async (file: PMTiles): Promise<StyleSpecification> => {
  let layers: LayerSpecification[] = [];
 
  if (metadata.type !== "baselayer") {
- layers = baseTheme("basemap", "black");
+ layers = baseTheme("basemap", BASEMAP_THEME);
  }
 
  layers.push({
@@ -220,6 +222,7 @@ const rasterStyle = async (file: PMTiles): Promise<StyleSpecification> => {
  },
  },
  glyphs: "https://cdn.protomaps.com/fonts/pbf/{fontstack}/{range}.pbf",
+ sprite: `https://protomaps.github.io/basemaps-assets/sprites/v3/${BASEMAP_THEME}`,
  layers: layers,
  };
 };
@@ -236,7 +239,7 @@ const vectorStyle = async (
  let baseOpacity = 0.35;
 
  if (metadata.type !== "baselayer") {
- layers = baseTheme("basemap", "black");
+ layers = baseTheme("basemap", BASEMAP_THEME);
  baseOpacity = 0.9;
  }