Route Direction Arrows

_|

In this guide you will learn how to render arrows on the route, indicating the direction of travel, and also set their color. RoutingService is used to compute a route and NavigationService to start a real or simulated navigation on that route, with the route direction arrows layer activated. The Route Direction Arrows layer must be added to the map style used for rendering the map.

Route Direction Arrows

Route Direction Arrows

Adding the Route Direction Arrows layer to a map style:

1. Go to the Styles tab in the Online Studio
2. Select your style or create a new one and then under Available Layers filter by arrow
3. Drag the Route Direction Arrows layer from Available Layers to Selected Layers in the Road arrows section
4. Click on it in the list, to set its Inner Color and Border Color in the Style tab on the right
5. Name the style in the upper left by clicking on its current name, such as Basic 1, and then typing the new name, such as Route Arrows
6. Click on Settings in the upper right and in the Resolution drop-down select Mobile then click Save
7. Click the left arrow in the upper left corner to go back to the list of styles
8. Click the 3 dots to the right of your style and select Download Style