working overpass layer, and selection

website/src/lib/assets/layers.ts

@@ -1,4 +1,5 @@
 import { PUBLIC_MAPBOX_TOKEN } from '$env/static/public';
+import { TramFront } from 'lucide-static';
 import { type AnySourceData, type Style } from 'mapbox-gl';
 
 export const basemaps: { [key: string]: string | Style; } = {
@@ -540,6 +541,15 @@ export const overlayTree: LayerTreeType = {
     },
 }
 
+// Hierachy containing all Overpass layers
+export const overpassTree: LayerTreeType = {
+    points_of_interest: {
+        transport: {
+            tram: true,
+        },
+    },
+};
+
 // Default basemap used
 export const defaultBasemap = 'mapboxOutdoors';
 
@@ -585,6 +595,15 @@ export const defaultOverlays = {
     },
 };
 
+// Default Overpass queries used (none)
+export const defaultOverpassQueries: LayerTreeType = {
+    points_of_interest: {
+        transport: {
+            tram: false,
+        },
+    },
+};
+
 // Default basemaps shown in the layer menu
 export const defaultBasemapTree: LayerTreeType = {
     basemaps: {
@@ -680,6 +699,15 @@ export const defaultOverlayTree: LayerTreeType = {
     }
 }
 
+// Default Overpass queries shown in the layer menu
+export const defaultOverpassTree: LayerTreeType = {
+    points_of_interest: {
+        transport: {
+            tram: true,
+        },
+    },
+};
+
 export type CustomLayer = {
     id: string,
     name: string,
@@ -690,6 +718,21 @@ export type CustomLayer = {
     value: string | {},
 };
 
+type OverpassQuery = Record<string, string | undefined>;
+
+export const overpassQueries: Record<string, OverpassQuery> = {
+    tram: {
+        railway: 'tram_stop',
+    },
+};
+
+export const overpassIcons: Record<string, { svg: string, color: string }> = {
+    tram: {
+        svg: TramFront,
+        color: '#000000',
+    }
+};
+
 export const stravaHeatmapServers = ['https://heatmap-external-a.strava.com/tiles-auth', 'https://heatmap-external-b.strava.com/tiles-auth', 'https://heatmap-external-c.strava.com/tiles-auth'];
 export const stravaHeatmapActivityIds: { [key: string]: string } = {
     stravaHeatmapRun: 'sport_Run',