Merge pull request #258 from CityOfDetroit/feature.257

Adding zoom controls to layers in map component.
CityOfDetroit · Aug 15, 2024 · 84b2df1 · 84b2df1
2 parents 9c51fc9 + 0e80eb8
commit 84b2df1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/build/assets/js/main.js b/build/assets/js/main.js
diff --git a/src/components/organisms/Map/Map.js b/src/components/organisms/Map/Map.js
@@ -332,6 +332,8 @@ export default class Map extends HTMLElement {
       case 'line':
         tmpLayer.type = layer.type;
         tmpLayer.source = layer.source;
+        layer.minZoom ? (tmpLayer.minzoom = layer.minZoom) : 0;
+        layer.maxZoom ? (tmpLayer.maxzoom = layer.maxZoom) : 0;
         layer.active
           ? (tmpLayer.layout = { visibility: 'visible' })
           : (tmpLayer.layout = { visibility: 'none' });
@@ -346,6 +348,8 @@ export default class Map extends HTMLElement {
       case 'text':
         tmpLayer.type = 'symbol';
         tmpLayer.source = layer.source;
+        layer.minZoom ? (tmpLayer.minzoom = layer.minZoom) : 0;
+        layer.maxZoom ? (tmpLayer.maxzoom = layer.maxZoom) : 0;
         layer.filter ? (tmpLayer.filter = layer.filter) : 0;
         layer.active
           ? (tmpLayer.layout = {
@@ -368,6 +372,8 @@ export default class Map extends HTMLElement {
         tmpLayer.type = layer.type;
         tmpLayer.source = layer.source;
         tmpLayer.clickable = layer.clickable;
+        layer.minZoom ? (tmpLayer.minzoom = layer.minZoom) : 0;
+        layer.maxZoom ? (tmpLayer.maxzoom = layer.maxZoom) : 0;
         layer.filter ? (tmpLayer.filter = layer.filter) : 0;
         layer.active
           ? (tmpLayer.layout = { visibility: 'visible' })
@@ -385,6 +391,8 @@ export default class Map extends HTMLElement {
         tmpLayer.type = layer.type;
         tmpLayer.source = layer.source;
         tmpLayer.clickable = layer.clickable;
+        layer.minZoom ? (tmpLayer.minzoom = layer.minZoom) : 0;
+        layer.maxZoom ? (tmpLayer.maxzoom = layer.maxZoom) : 0;
         layer.filter ? (tmpLayer.filter = layer.filter) : 0;
         layer.active
           ? (tmpLayer.layout = { visibility: 'visible' })

diff --git a/src/stories/map.stories.js b/src/stories/map.stories.js