added zoom input

Author: cjonesof

src/lib/components/data-vis/map/Map.svelte

@@ -57,6 +57,8 @@
     hoverOpacity = 0.8,
     center = [-2.5, 53],
     zoom = 5,
+    minZoom,
+    maxZoom,
     hash = false,
     updateHash = (u) => {
       replaceState(u, page.state);
@@ -92,6 +94,8 @@
     hoverOpacity?: number;
     center?: LngLatLike | undefined;
     zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
     hash?: boolean;
     updateHash?: (URL) => void;
     useInitialHash?: boolean;
@@ -253,6 +257,8 @@
     {standardControls}
     {center}
     {zoom}
+    {maxZoom}
+    {minZoom}
     {hash}
     {updateHash}
     class="map"

src/wrappers/components/data-vis/map/MapWrapper.svelte

@@ -180,6 +180,24 @@
         category: "UI",
         visible: { name: "standardControls", value: false },
       },
+      {
+        name: "maxZoom",
+        isProp: true,
+        description:
+          "Add zoom in and out, and 'reset bearing to north' buttons",
+        value: 10,
+        category: "UI",
+        visible: { name: "standardControls", value: false },
+      },
+      {
+        name: "minZoom",
+        isProp: true,
+        description:
+          "Add zoom in and out, and 'reset bearing to north' buttons",
+        value: 0,
+        category: "UI",
+        visible: { name: "standardControls", value: false },
+      },
       {
         name: "navigationControlPosition",
         isProp: true,
@@ -266,6 +284,7 @@
       },
       {
         name: "mapHeight",
+        category: "Styling",
         isProp: true,
         value: 400,
       },