Add parcel data to overview heatmap

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;

ts/view/Dash.vue

@@ -150,9 +150,16 @@
 						:paint="{ 'fill-opacity': 0.4, 'fill-color': '#dc3545' }"
 						source="tegola"
 						sourceLayer="mosquito_source"
-						,
 						type="fill"
 					/>
+					<Layer
+						id="parcel"
+						:minzoom="14"
+						:paint="{ 'line-color': '#0f0' }"
+						source="tegola"
+						sourceLayer="parcel"
+						type="line"
+					/>
 					<Layer
 						id="service_request"
 						:filter="[
@@ -163,7 +170,6 @@
 						:paint="{ 'fill-opacity': 0.4, 'fill-color': '#ffc107' }"
 						source="tegola"
 						sourceLayer="service_request"
-						,
 						type="fill"
 					/>
 					<Layer
@@ -176,7 +182,6 @@
 						:paint="{ 'fill-opacity': 0.4, 'fill-color': '#ffc107' }"
 						source="tegola"
 						sourceLayer="trap"
-						,
 						type="fill"
 					/>
 					<Layer
@@ -184,7 +189,6 @@
 						:paint="{ 'line-color': '#f00' }"
 						source="tegola"
 						sourceLayer="service-area-bounds"
-						,
 						type="line"
 					/>