feat(dees-geo-map): Highlight current navigation step with progress, mark completed steps, auto-scroll turn-by-turn list, expose guidance state for synchronization, and refine instruction/voice wording

This commit is contained in:
2026-02-05 22:51:41 +00:00
parent 0617822116
commit 89670ecad3
7 changed files with 118 additions and 9 deletions

View File

@@ -348,6 +348,8 @@ export class DeesGeoMap extends DeesElement {
this.showTraffic = enabled;
},
getTrafficEnabled: () => this.showTraffic,
// Pass guidance state for turn-by-turn synchronization
getGuidanceState: () => this.guidanceController?.state ?? null,
});
this.navigationController.navigationMode = this.navigationMode;
@@ -375,6 +377,11 @@ export class DeesGeoMap extends DeesElement {
bubbles: true,
composed: true,
}));
// Auto-scroll turn-by-turn list when step changes
if (event.type === 'step-change' && this.navigationController) {
this.navigationController.scrollToCurrentStep(event.stepIndex);
}
},
onRequestUpdate: () => this.requestUpdate(),
getMap: () => this.map,