trafficcue/trafficcue-client
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add debug points

Browse Source
This commit is contained in:
Cfp
2025-06-27 14:30:54 +02:00
parent 75be330e67
commit a5911122cd
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/lib/components/lnv/Map.svelte
View File

@ -9,7 +9,7 @@
} from "svelte-maplibre-gl"; } from "svelte-maplibre-gl";
import { view } from "./sidebar.svelte"; import { view } from "./sidebar.svelte";
import { map, pin } from "./map.svelte"; import { map, pin } from "./map.svelte";
import { routing } from "$lib/services/navigation/routing.svelte"; import { decodePolyline, routing } from "$lib/services/navigation/routing.svelte";
import { location } from "./location.svelte"; import { location } from "./location.svelte";
onMount(() => { onMount(() => {
@ -19,6 +19,8 @@
let locationDot: HTMLDivElement | undefined = $state(); let locationDot: HTMLDivElement | undefined = $state();
let locationAccuracyCircle: HTMLDivElement | undefined = $state(); let locationAccuracyCircle: HTMLDivElement | undefined = $state();
const DEBUG_POINTS = false; // Set to true to show debug points on the map
</script> </script>
<Protocol <Protocol
@ -73,6 +75,28 @@
} }
}} }}
> >
{#if routing.currentTrip && DEBUG_POINTS}
<!-- {#each decodePolyline(routing.currentTrip!.legs[0].shape) as point (point)}
<Marker
lnglat={{ lat: point.lat, lng: point.lon }}
color="orange"
/>
{/each} -->
<Marker
lnglat={{
lat: decodePolyline(routing.currentTrip!.legs[0].shape)[routing.currentTripInfo.currentManeuver!.begin_shape_index].lat,
lng: decodePolyline(routing.currentTrip!.legs[0].shape)[routing.currentTripInfo.currentManeuver!.begin_shape_index].lon
}}
color="lime"
/>
<Marker
lnglat={{
lat: decodePolyline(routing.currentTrip!.legs[0].shape)[routing.currentTripInfo.currentManeuver!.end_shape_index].lat,
lng: decodePolyline(routing.currentTrip!.legs[0].shape)[routing.currentTripInfo.currentManeuver!.end_shape_index].lon
}}
color="red"
/>
{/if}
<!-- <Hash /> --> <!-- <Hash /> -->
<!-- <GeolocateControl <!-- <GeolocateControl
positionOptions={{ positionOptions={{