Complete map display page

src/lib/mapRegistry.ts

@@ -7,17 +7,20 @@ import Crossing from '$lib/components/mapIcons/Crossing.svelte';
 import Loop from '$lib/components/mapIcons/Loop.svelte';
 import SignallerChange from '$lib/components/mapIcons/SignallerChange.svelte';
 import ElectrificationChange from '$lib/components/mapIcons/ElectrificationChange.svelte';
+import SiteOf from '$lib/components/mapIcons/SiteOf.svelte';
 
 
 export const components = {
     station: Station,
     junction: Junction,
-    crossovers: BaseTrack,
-    siteof: BaseTrack,
+    crossovers: Crossover,
+    siteof: SiteOf,
     bridge: Bridge,
     crossover: Crossover,
     crossing: Crossing,
     loop: Loop,
+    loops: Loop,
     signallerChange: SignallerChange,
     electrificationChange: ElectrificationChange,
+    default: BaseTrack,
 }