graham/aprs.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix trail hover showing wrong igate RF path

Browse source 
Use mousemove instead of mouseover so the RF path updates as the
cursor moves along the trail. Send the mouse position rather than
the nearest-position's coordinates so the path line anchors where
the user is actually hovering. Debounce and deduplicate events to
avoid flooding the server.
This commit is contained in:
Graham McIntire 2026-02-19 18:20:41 -06:00
parent a42dc1d68f
commit 2030a7c8a6
No known key found for this signature in database
1 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
assets/js/features/trail_manager.ts
View file

@ -54,6 +54,8 @@ export class TrailManager {
private minSegmentPoints: number = 3; // minimum points in a segment to draw it
private onTrailHover?: (lat: number, lng: number, path: string) => void;
private onTrailHoverEnd?: () => void;
private trailHoverDebounceTimer?: ReturnType<typeof setTimeout>;
private lastHoveredPath?: string;
constructor(
trailLayer: LayerGroup,
@ -423,18 +425,35 @@ export class TrailManager {
const hoverCb = this.onTrailHover;
const hoverEndCb = this.onTrailHoverEnd;
trailState.trail.on("mouseover", (e: L.LeafletMouseEvent) => {
trailState.trail.on("mousemove", (e: L.LeafletMouseEvent) => {
const nearest = this.findNearestPositionWithPath(
e.latlng.lat,
e.latlng.lng,
positions,
);
if (nearest) {
hoverCb(nearest.lat, nearest.lng, nearest.path!);
if (!nearest) return;
if (this.trailHoverDebounceTimer) {
clearTimeout(this.trailHoverDebounceTimer);
}
const mouseLat = e.latlng.lat;
const mouseLng = e.latlng.lng;
const path = nearest.path!;
// Only push to server when the path changes; just reposition locally otherwise
if (path !== this.lastHoveredPath) {
this.lastHoveredPath = path;
this.trailHoverDebounceTimer = setTimeout(() => {
hoverCb(mouseLat, mouseLng, path);
}, 50);
}
});
trailState.trail.on("mouseout", () => {
this.lastHoveredPath = undefined;
if (this.trailHoverDebounceTimer) {
clearTimeout(this.trailHoverDebounceTimer);
this.trailHoverDebounceTimer = undefined;
}
hoverEndCb();
});
}