Adding tileSource prop

Author: MikeLister

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

@@ -82,6 +82,7 @@
     onload,
     onidle,
     geoSource = "file",
+    tileSource = "http://localhost:8080/{z}/{x}/{y}.pbf",
   }: {
     data: object[];
     customPalette?: object[];
@@ -126,6 +127,7 @@
     onload?: (map: maplibregl.Map) => void;
     onidle?: (e: maplibregl.MapLibreEvent) => void;
     geoSource: "file" | "tiles" | "none";
+    tileSource?: string;
   } = $props();
 
   let styleLookup = {
@@ -421,7 +423,7 @@
       <VectorTileSource
         id={"lsoas"}
         promoteId={"LSOA21NM"}
-        tiles={["http://localhost:8080/{z}/{x}/{y}.pbf"]}
+        tiles={[tileSource]}
       >
         <FillLayer
           paint={{

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

@@ -438,9 +438,17 @@
         isProp: true,
         description: "Tiles or maps",
         category: "Data",
-        value: "Tiles",
+        value: "file",
         options: ["tiles", "file", "none"],
       },
+      {
+        name: "tileSource",
+        isProp: true,
+        description: "A URL to get the vector tiles from",
+        category: "Data",
+        value: "http://localhost:8080/{z}/{x}/{y}.pbf",
+        visible: { name: "geoSource", value: "tiles" },
+      },
       { name: "addData", isProp: true, category: "Data", value: true },
       {
         name: "year",