Route with guidance

Display a route with guidance arrows and lane signs

View on GitHub
SDK 1.0.0-rc.7

At street zoom the route through central Amsterdam carries a white manoeuvre arrow at every turn, and the Directions panel lists each instruction with the lanes to take.

  • guidance: { type: 'coded' } on calculateRoute adds turn-by-turn instructions to the response.
  • RoutingModule.showRoutes reads those instructions and draws the arrow layer itself, so there is no per-manoeuvre marker to place.
  • getInstructionLanes finds the lanes section leading to an instruction, which the panel draws as a sign in its text colour.
  • showWaypoints adds the origin and destination pins from the same module.

Related examples