handle waypoint symbols

website/src/lib/components/layer-control/OverpassLayer.ts

@@ -120,7 +120,10 @@ export class OverpassLayer {
     }
 
     onHover(e: any) {
-        overpassPopupPOI.set(e.features[0].properties);
+        overpassPopupPOI.set({
+            ...e.features[0].properties,
+            sym: overpassQueryData[e.features[0].properties.query].symbol ?? ''
+        });
         overpassPopup.setLngLat(e.features[0].geometry.coordinates);
         overpassPopup.addTo(this.map);
         this.map.on('mousemove', this.maybeHidePopupBinded);

website/src/lib/components/layer-control/OverpassPopup.svelte

@@ -7,7 +7,6 @@
 	import { onMount } from 'svelte';
 	import { _ } from 'svelte-i18n';
 	import { dbUtils } from '$lib/db';
-	import { get } from 'svelte/store';
 
 	let popupElement: HTMLDivElement;
 
@@ -89,7 +88,8 @@
 							},
 							name: name,
 							desc: desc,
-							cmt: desc
+							cmt: desc,
+							sym: $overpassPopupPOI.sym
 						});
 					}}
 				>