feat(navigation): add maneuver icons based on type
This commit is contained in:
15
src/lib/components/lnv/RoutingInfo.svelte
Normal file
15
src/lib/components/lnv/RoutingInfo.svelte
Normal file
@ -0,0 +1,15 @@
|
||||
<script>
|
||||
import LanesDisplay from "$lib/services/navigation/LanesDisplay.svelte";
|
||||
import { routing } from "$lib/services/navigation/routing.svelte";
|
||||
import ManeuverIcon from "./ManeuverIcon.svelte";
|
||||
</script>
|
||||
|
||||
<div class="fixed top-4 left-4 z-50 w-3/4 h-10 bg-background text-white">
|
||||
<div class="flex gap-2">
|
||||
<ManeuverIcon maneuver={routing.currentTripInfo.currentManeuver?.type ?? 0} />
|
||||
{routing.currentTripInfo.currentManeuver?.instruction}
|
||||
</div>
|
||||
<LanesDisplay
|
||||
lanes={routing.currentTripInfo.currentManeuver?.lanes}
|
||||
/>
|
||||
</div>
|
||||
Reference in New Issue
Block a user