Deploying to gh-pages from @ dcfb02b 🚀

maptiler · Sep 30, 2024 · 6d6aa7c · 6d6aa7c
1 parent 6b15678
commit 6d6aa7c
Show file tree

Hide file tree

Showing 6 changed files with 211 additions and 239 deletions.
diff --git a/build/bundle.css b/build/bundle.css
diff --git a/build/bundle.js b/build/bundle.js
diff --git a/build/bundle.js.map b/build/bundle.js.map
diff --git a/config/gh-pages.js b/config/gh-pages.js
@@ -1,126 +1,20 @@
 const mapboxGlAccessToken =
   'pk.eyJ1Ijoic3RhbWVuIiwiYSI6ImNreWM1emM2NjAyNTgyb25kc2o5ZG1iMmoifQ.o2QhFbe03ilcplg9sAhYZQ';
 
+const maptilerApiKey = process.env.MAPTILER_API_KEY;
+
 const stylePresets = [
   {
-    id: 'mapbox-streets',
-    name: 'Mapbox Streets',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/streets-v11',
-  },
-  {
-    id: 'mapbox-outdoors',
-    name: 'Mapbox Outdoors',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/outdoors-v11',
-  },
-  {
-    id: 'mapbox-light',
-    name: 'Mapbox Light',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/light-v10',
-  },
-  {
-    id: 'mapbox-dark',
-    name: 'Mapbox Dark',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/dark-v10',
-  },
-  {
-    id: 'openstreetmap',
-    name: 'OpenStreetMap',
-    type: 'leaflet',
-    url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
-    attribution:
-      '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
-  },
-  {
-    id: 'stamen-toner',
-    name: 'Stamen Toner',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-lite',
-    name: 'Stamen Toner (Lite)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-hybrid',
-    name: 'Stamen Toner (Hybrid)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-hybrid/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-labels',
-    name: 'Stamen Toner (Labels)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-labels/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-lines',
-    name: 'Stamen Toner (Lines)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-lines/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-background',
-    name: 'Stamen Toner (Background)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-background/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain',
-    name: 'Stamen Terrain',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain-labels',
-    name: 'Stamen Terrain (Labels)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain-labels/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain-lines',
-    name: 'Stamen Terrain (Lines)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain-lines/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain-background',
-    name: 'Stamen Terrain (Background)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain-background/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
+    id: 'streets',
+    name: 'Streets',
+    type: 'maptiler-sdk',
+    url: 'https://api.maptiler.com/maps/streets-v2/style.json',
   },
   {
-    id: 'stamen-watercolor',
-    name: 'Stamen Watercolor',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
+    id: 'outdoor',
+    name: 'Outdoor',
+    type: 'maptiler-sdk',
+    url: 'https://api.maptiler.com/maps/outdoor-v2/style.json',
   },
 ];
 

diff --git a/config/local.example.js b/config/local.example.js
@@ -1,6 +1,9 @@
 // Replace with your Mapbox GL token, if any
 const mapboxGlAccessToken = 'pk.eyAAAABBBCCC';
 
+// Replace with your MapTiler API key
+const maptilerApiKey = '';
+
 // Example of setting up a gazetteer object. This is described in the `README`
 // but these are the options that populate the dropdown in the UI that take you
 // to specific locations or map views. You can add as many as you like here and
@@ -54,6 +57,19 @@ const stylePresets = [
     attribution:
       '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
   },
+  {
+    id: 'maplibre-demo-tiles',
+    name: 'Maplibre Demo Tiles',
+    type: 'maplibre-gl',
+    url: 'https://demotiles.maplibre.org/style.json',
+  },
+  // In order for this to work you need to set the maptilerApiKey
+  // {
+  //   id: 'maptiler-streets',
+  //   name: 'MapTiler Streets',
+  //   type: 'maptiler-sdk',
+  //   url: 'https://api.maptiler.com/maps/streets-v2/style.json',
+  // },
 ];
 
 // Commented out example for branchpattern
@@ -73,4 +89,4 @@ const stylePresets = [
 // Example of stylePresetUrls
 // const stylePresetUrls = ['./presets/example.json'];
 
-export { gazetteer, mapboxGlAccessToken, stylePresets };
+export { gazetteer, mapboxGlAccessToken, stylePresets, maptilerApiKey };
diff --git a/config/local.js b/config/local.js
@@ -1,126 +1,20 @@
 const mapboxGlAccessToken =
   'pk.eyJ1Ijoic3RhbWVuIiwiYSI6ImNreWM1emM2NjAyNTgyb25kc2o5ZG1iMmoifQ.o2QhFbe03ilcplg9sAhYZQ';
 
+const maptilerApiKey = process.env.MAPTILER_API_KEY;
+
 const stylePresets = [
   {
-    id: 'mapbox-streets',
-    name: 'Mapbox Streets',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/streets-v11',
-  },
-  {
-    id: 'mapbox-outdoors',
-    name: 'Mapbox Outdoors',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/outdoors-v11',
-  },
-  {
-    id: 'mapbox-light',
-    name: 'Mapbox Light',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/light-v10',
-  },
-  {
-    id: 'mapbox-dark',
-    name: 'Mapbox Dark',
-    type: 'mapbox-gl',
-    url: 'mapbox://styles/mapbox/dark-v10',
-  },
-  {
-    id: 'openstreetmap',
-    name: 'OpenStreetMap',
-    type: 'leaflet',
-    url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
-    attribution:
-      '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
-  },
-  {
-    id: 'stamen-toner',
-    name: 'Stamen Toner',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-lite',
-    name: 'Stamen Toner (Lite)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-hybrid',
-    name: 'Stamen Toner (Hybrid)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-hybrid/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-labels',
-    name: 'Stamen Toner (Labels)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-labels/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-lines',
-    name: 'Stamen Toner (Lines)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-lines/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-toner-background',
-    name: 'Stamen Toner (Background)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/toner-background/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain',
-    name: 'Stamen Terrain',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain-labels',
-    name: 'Stamen Terrain (Labels)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain-labels/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain-lines',
-    name: 'Stamen Terrain (Lines)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain-lines/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
-  },
-  {
-    id: 'stamen-terrain-background',
-    name: 'Stamen Terrain (Background)',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/terrain-background/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
+    id: 'streets',
+    name: 'Streets',
+    type: 'maptiler-sdk',
+    url: 'https://api.maptiler.com/maps/streets-v2/style.json',
   },
   {
-    id: 'stamen-watercolor',
-    name: 'Stamen Watercolor',
-    type: 'leaflet',
-    url: 'https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.png',
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://www.openstreetmap.org/copyright">ODbL</a>.',
+    id: 'outdoor',
+    name: 'Outdoor',
+    type: 'maptiler-sdk',
+    url: 'https://api.maptiler.com/maps/outdoor-v2/style.json',
   },
 ];