map layer management

lib/drawingEngine.ts

@@ -35,6 +35,7 @@ export function initDrawing(
             features: [
                 {
                     type: "Feature",
+                    properties: {},
                     geometry: {
                         type: "Polygon",
                         coordinates: [closed],
@@ -47,14 +48,17 @@ export function initDrawing(
     function onClick(e: maplibregl.MapLayerMouseEvent) {
         if (getMode() !== "draw") return;
 
-        coords.push([e.lngLat.lng, e.lngLat.lat]);
+        coords.push([e.lngLat.lng, e.lngLat.lat] as [number, number]);
         update(coords);
     }
 
     function onMove(e: maplibregl.MapLayerMouseEvent) {
         if (getMode() !== "draw" || coords.length === 0) return;
 
-        const preview = [...coords, [e.lngLat.lng, e.lngLat.lat]];
+        const preview: [number, number][] = [
+            ...coords,
+            [e.lngLat.lng, e.lngLat.lat] as [number, number],
+        ];
         update(preview);
     }
 
@@ -64,7 +68,7 @@ export function initDrawing(
     function finishDrawing() {
         if (getMode() !== "draw" || coords.length < 3) return;
 
-        const geometry = {
+        const geometry: Geometry = {
             type: "Polygon",
             coordinates: [closePolygon(coords)],
         };
@@ -73,7 +77,7 @@ export function initDrawing(
 
         coords = [];
 
-        map.getSource("draw-preview").setData({
+        (map.getSource("draw-preview") as maplibregl.GeoJSONSource | undefined)?.setData({
             type: "FeatureCollection",
             features: [],
         });