Provide live turn-by-turn navigation

[hbruch]

As a user, I'd like to be able to activate a turn-by-turn navigation mode. In this mode, the app should me provide with continuously updated routing instructions.

Describe the solution you'd like
When the user has selected an itinerary, the app should provide a button to activate navigation mode.
In this mode, the app should regularly give updated navigation instructions, while the user is moving along the path.
Instructions should, while walking, biking or driving, warn about upcoming turns, e.g. In 100m, turn left onto xxy.

Please design some mockups and discuss them with me and @stadtnavimanager before implementation.

Additional context
For ideas how to approach this with flutter, this post might be a good start.

[Denis306]

Hi @hbruch & @stadtnavimanager , @SamuelRioTz already implemented the logic for the live turn-by-turn navigation. Next step is to connect it to the UI. We were going to implemented it the following way:

• After selecting a route suggestion we want to implement the Start Button on the right of the "buy ticket" button:
  

• Once you press on start it will open up a new screen that focuses on navigation. We pretty much will implement the UI like in the post you provided.
  

• On top of that we want to add the top bar that describes the current and next steps and the bottom bar with information on the remaining route and the exit button.
  

Is that ok for you? It will be in the same style and colors like stadtnavi of course. The screen shots are just for reference.

[SamuelRioTz]

Screen.Recording.2024-12-12.at.04.24.00.mov

@Denis306 regarding the Text indicator, I think I have to show the current step info, in case of walk there are serveral steps, but in case of bus, is just one step with bus name, so I guess I only have to show the bus name.

the "turn-by-turn navigation" is implemented at component level, so it is available for all intineries, shall I limited only for some itinerary type?

[hbruch]

Turn-by-turn should be available for all street mode legs: walk, bike, car, including their rental submodes.
Regarding the video: looks promising. For already completed parts of the leg, we should not loose the visual clue, which mode they were. I.e. they should not look like a completed walk when they were on the bus leg. .

[Denis306]

Hi @SamuelRioTz as discussed with Holger we agreed on the following points for the implementation:

• Do the navigation of the Arrow on top of the stadtnavi route lines. Without the blue line.
• The map needs to turn according the direction of the arrow during the navigation.
• Instead of only using the green arrow for starting the routing, please make a button that includes "start" + the arrow.
• For public transport route legs, we agreed to use the last stop of the leg to be displayed in the upper info box as "Gett off at street xy"