Add props for maxZoom and minZoom

wbbaker · Aug 8, 2023 · ea79069 · ea79069
1 parent 3f672c8
commit ea79069
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/assets/css/vars.css b/src/assets/css/vars.css
@@ -18,7 +18,7 @@
   --color-base-content: 0, 0, 0;
 
   --color-map-georeference: 239, 68, 68;
-  --color-map-aggregate: 249, 115, 22;
+  --color-map-aggregate: 3, 115, 22;
   --color-map-asserted: 249, 115, 22;
   --color-map-type-material: 51, 136, 255;
   --color-map-collection-object: 239, 68, 68;

diff --git a/src/components/Map/VMap.client.vue b/src/components/Map/VMap.client.vue
@@ -57,6 +57,16 @@ const props = defineProps({
     default: 18
   },
 
+  maxZoom: {
+    type: Number,
+    default: 18
+  },
+
+  minZoom: {
+    type: Number,
+    default: 0
+  },
+
   disableZoom: {
     type: Boolean,
     default: false
@@ -102,7 +112,8 @@ let geoJSONGroup
 const leafletMap = ref(null)
 const tiles = {
   osm: L.tileLayer(map_tile_server, {
-    maxZoom: 18,
+    maxZoom: props.maxZoom,
+    minZoom: props.minZoom,
     className: 'map-tiles',
     attribution: map_tile_attribution
   })