diff --git a/ts/map/Layer.vue b/ts/map/Layer.vue
index 52ba3c37..eb3b5006 100644
--- a/ts/map/Layer.vue
+++ b/ts/map/Layer.vue
@@ -10,6 +10,7 @@ type LayerType = maplibregl.LayerSpecification["type"];
export interface Props {
filter?: maplibregl.FilterSpecification;
id: string;
+ minzoom?: number;
paint: Object;
source: string;
sourceLayer: string;
@@ -31,6 +32,7 @@ const getLayerConfig = (): maplibregl.LayerSpecification => {
"source-layer": props.sourceLayer,
type: props.type,
...(props.filter && { filter: props.filter }),
+ ...(props.minzoom && { minzoom: props.minzoom }),
...(props.paint && { paint: props.paint }),
} as maplibregl.LayerSpecification;
return result;
diff --git a/ts/view/Dash.vue b/ts/view/Dash.vue
index 0648b2cc..d98864ed 100644
--- a/ts/view/Dash.vue
+++ b/ts/view/Dash.vue
@@ -150,9 +150,16 @@
:paint="{ 'fill-opacity': 0.4, 'fill-color': '#dc3545' }"
source="tegola"
sourceLayer="mosquito_source"
- ,
type="fill"
/>
+