Navigational widgets
Overviewβ
Navigational widgets are enabled during navigation to display information such as distance, arrival or left time, next turns, bearing, current street name, lanes information, max speed, approaching alerts, POIs, waypoints.
Active and passive navigationβ
Navigational widgets are mostly used with active or passive navigation with navigational profiles, so they are not available in Browse Map profile.
Active navigation requires to set a destination, calculate the route (Directions) and start navigation (Go), not necessary with voice guidance. All navigational widgets support that type of navigation.
Passive navigation doesn't require to have a destination point set and works automatically once you switch to any navigational profile, for example 'Driving'. In that case application will try to determine which road you are following and display extra information about it i.e. name, lanes info, max speed available. Please note that this approach is quite unreliable and doesn't support all features.
Elevation widgetβ
The Elevation widget shows a graph with the elevation and slope of your navigation route and your current location on this graph with current altitude and slope. The graph is plotted on two axes. The X-axis is the distance of your route. The Y-axis is the altitude, the value depends on the relief, and the slope displayed as a percentage.
- Android
- iOS
The widget can be turned on/off by following this path:
Menu β Configure screen β Bottom panel β Available widgets β Elevation profile
Interactions with the graphβ
- Zoom in/out. By default, the graph shows the route from the current location up to 10 km ahead. You can use two-finger movement to zoom in and out for a more detailed view of altitude changes on your route. You can also move the graph to the right, forward on the route, and backward to the current location.
- Place a point on the graph. If you want to see the altitude and degree value at a particular point ahead on your route, you can tap anywhere on the graph and a pointer with the values will appear.
What's inβ
When you select a route and press the Start button, the map opens with your current location, the route on it and the widget at the bottom of the screen. On the widget you can see the graph and information about Uphill, Downhill, Grade, distance, altitude, slope angle. You can select the optimal scale and see all possible obstacles on your route.
All values are indicated either for the whole route or only for the selected interval by scaling the graph.
Location Pin |
The data on the graph of your Current location contains the location icon, altitude, and percent slope value. The right side of the widget contains data about the highest altitude and slope, the average value for both and the lowest altitude and slope on the selected route section visible on the graph. |
![]() |
Additional information |
The right side of the widget contains data about the highest altitude and slope, the average value for both and the lowest altitude and slope on the selected route section visible on the graph. |
![]() |
The Uphill and Downhill values are the sums of the distances from your location point to the end of the visible graph. If there is no location point on the graph, then it is the sum of the entire visible graph on the screen (this can happen when you change the scale and the location goes outside the graph). |
"Uphill" β shows the sum of the all distances with increasing altitude from your location point to the end of the visible graph or for the selected section of the route without location point visible on the screen. |
![]() ![]() |
"Downhill" β shows the sum of the all distances with decreasing altitude ffrom your location point to the end of the visible graph or for the selected section of the route without location point visible on the screen. |
![]() ![]() |
Grade is is the ratio of the path to the horizontal, where zero indicates horizontality and the number of degrees indicates a higher or steeper degree of slope. |
"Grade" β shows the maximum road slope in percent from your location point to the end of the visible graph or for the selected section of the route without location point visible on the screen. |
![]() ![]() |
This feature doesn't exist for iOS version of OsmAnd.
Bearing widgetβ
Bearing is the direction to a target outside your vehicle, such as a destination or point of origin. A bearing can be Relative (according to your course), Magnetic (according to the compass). For example, a magnetic bearing of 180Β° is the direction to the south, and a relative bearing of 180Β° is directly behind you. The cardinal points are the four main directions of the compass. They are North (N - 0Β° or 360Β°), East (E - 90Β°), South (S - 180Β°), and west (W - 270Β°).
- Android
- iOS
Enable | Menu β Configure screen β Widgets β Left / Right panel β Bearing |
Format | You can change the data display format for angular units: Android Menu β Configure profile β General settings β Units & formats β Angular unit |
Enable | iOS Menu β Configure screen β Right panel β Magnetic bearing or Relative bearing |
Format | You can change the data display format for angular units: iOS Menu β Settings β [object Object] β General settings β Units&formats β Angular measurement units |
How it worksβ
In order to display the bearing, a target point must be selected. If a destination point (or the first intermediate point, if there is one) is selected for navigation, it will be used as the target point. Otherwise, the topmost selected marker will be used.
Relative bearing is the angle between your forward movement direction and the target point. The forward movement direction is either the direction of your movement obtained from the GPS sensors or if you are standing where you have pointed your device (i.e. the orientation of your device according to its magnetic compass). Example: An object with a relative bearing of 0Β° is directly in front of you and an object with a relative bearing of 180Β° is directly behind you. The relative bearing is the angle between your forward direction and the target point.
Magnetic bearing is the clockwise (horizontal) angle between the magnetic north and the target point observed from your location. It is the magnetic compass value that you must follow in order to reach that target. Example: If the magnetic bearing is shown as 0Β° M, you need to move strictly towards the magnetic north to reach the target point.
True bearing is expressed as the horizontal angle between the geographic meridian and a line on Earth. Specifically, true point bearing is the angle measured in degrees clockwise from the True North line. OsmAnd software will show you the true bearing and hearding in our user-friendly interface, making it easy for you to make the right decision early on.
Navigation along the rhumb lineβ
- Relative bearing. If you stick to a relative bearing of 0 degrees and move forward, you will arrive at the destination point, but not by the shortest route ( Rhumb line ).
- Magnetic bearing. If you align the compass on your boat/vehicle with the widget value and head forward, you will arrive at your destination, but not by the shortest route ( Rhumb line ).
Navigation pointsβ
Destinationβ
Destination widget shows the distance left to the last destination point by following the calculated route.
Enable | Android Menu β Configure screen β Right panel β Destination iOS Menu β Configure screen β Right panel β [object Object] |
By tapping | Moves the map to a destination point. |
Intermediate destinationβ
Intermediate Destination widget shows the distance left to the first intermediate point by following the calculated route. Once intermediate points is passed, the distance will be updated to the next intermediate point. If there is no intermediate points, widget is not displayed.
Enable | Android Menu β Configure screen β Right panel β Intermediate destination iOS Menu β Configure screen β Right panel β Intermediate destination |
By tapping | 1 intermediate point - move the map to the intermediate point, 2 or more intermediate points - opens Destinations list menu. |
Arrival time or Time to goβ
- Android
- iOS
The widget shows Arrival time or Time to go to complete navigation. Time is constantly updated during navigation and it is equal to the route time from the current location. For example, if you stop moving, "Time to go" will stay constant and "Arrival time" = "Time to go" + "Current time".
Enable | Android Menu β Configure screen β Right panel β Arrival time or Time to go |
By tapping | Changes betweenΒ "Arrival time" to "Time to go" and vice versa. |
The widget shows Arrival time or Time to go to complete navigation. Time is constantly updated during navigation and it is equal to the route time from the current location. For example, if you stop moving, "Time to go" will stay constant and "Arrival time" = "Time to go" + "Current time".
Enable | iOS Menu β Configure screen β Right panel β Arrival time or Time to go |
By tapping | Changes betweenΒ "Arrival time" to "Time to go" and vice versa. |
Intermediate arrival timeβ
Intermediate arrival time or Intermediate time widget shows Intermediate arrival time or Intermediate time of navigation to the first intermediate point. Once intermediate points is passed, the time will be updated to the next intermediate point. If there is no intermediate points, widget is not displayed.
Enable | Android Menu β Configure screen β Right panel β Intermediate arrival time or Intermediate time iOS Menu β Configure screen β Right panel β Intermediate arrival time or Intermediate time |
On Click | Changes betweenΒ "Intermediate arrival time" to "Intermediate time" and vice versa. |
Speed limitβ
Speed limit widget shows a speed limit for a current driving road. It works in passive and active navigation mode. The data is taken from OpenStreetMap project.
Enable | Android Menu β Configure screen β Right panel β Speed limit iOS Menu β Configure screen β Right panel β Speed limit or Intermediate time |
On Click | - |
Next turnsβ
The widget shows information about your next turn with a picture of maneuver and distance to it. There are 2 variants of next turn widget (small and big) and 2nd next turn which is enabled if turn within approaching distance.
Enable | Android Menu β Configure screen β Left panel β Next turn, Next turn (small), Second next turn iOS Menu β Configure screen β Left panel β Next turn, Next turn (small), Second next turn |
On Click | Speaks out next maneuver and distance to it, if voice guidance is turned on |
Trigger display time, color is related to the voice navigation prompts and related to the time left to reach maneuvre. So color indication, distance & turn visualization could be used instead of voice navigation.
Distance | Prompt type | Color | ~ Trigger Time |
---|---|---|---|
Close by | Turn now | Green | 5 seconds |
Approaching | Turn in X m | Yellow | 20 seconds |
Distant | Prepare to turn | Grey | > 100 seconds |
Lanesβ
Lanes widget shows the current road lanes layout and highlights lanes to drive with active navigation. With passive navigation, the widget displays lanes layout for current driving road. The data is taken from OpenStreetMap project.
Enable | Android Menu β Configure screen β Remaining elements β Lanes |
iOS Menu β Configure screen β Remaining elements β Lanes | |
On Click | - |
Display time, color is related to the voice navigation prompts and related to the time left to reach maneuvre.
Name | Prompt type | Color | ~ Trigger Time |
---|---|---|---|
Close by | Turn now | Green | 5 seconds |
Approaching | Turn in X m | Yellow | 20 seconds |
Alert widgetβ
Alert widget combines multiple type of alerts that are displayed in the lower left corner during navigation.
There are options to turn on and off specific alerts such as: Traffic warnings, Pedestrian crosswalks, Speed cameras, Tunnels. Other alerts are active by default, if alert widget is enabled. For speed limit alert, you could configure Speed limit tolerance within voice prompts to relate vehicle speed with GPS-speed more precisely.
Most of alerts are displayed and announced within 15 seconds, same as Passing waypoint / favorite / POI.
Enable | Android Menu β Configure profile β Navigation settings β Screen alerts |
iOS Menu β Settings β Configure profile β Navigation settings β Screen alerts |
Alert typesβ
Alert types have different visuals that depends on Driving region which could be configured via Settings β General settings. OsmAnd doesn't have a goal to represent 100% identical road signs but to indicate some similarities.
Name | Description | Icon |
Traffic warnings | Traffic calming uses physical design and other measures to improve safety for motorists, pedestrians and cyclists. | |
Pedestrian crosswalks | A pedestrian crossing (primarily British English) or crosswalk is a place designated for pedestrians to cross a road, street, or avenue. OsmAnd shows the alert of uncontrolled pedestrian crossing. | |
Speed limit | In most countries the Road speed limits are used to set the legal maximum, middle or minimum speed at which road vehicles may travel on a given stretch of road. In OsmAnd the alert is shown when you exceed the speed. You can set parameters of speed exceeding (0, 5, 10.. km/h). ![]() | |
Tunnels | A tunnel is an underground passageway, esp cars that pass under a mountain, river, or a congested urban area. In OsmAnd the alert "Tunnels" has information about tunnel length. If you are in a tunnel it shows distance to the end of the tunnel. ![]() | |
Speed cameras | Traffic enforcement cameras and speed cameras record traffic offenses, including speeding, running red lights, and other types of illegal behavior. NOTE: Speed camera alerts are prohibited or illegal in some countries. To completely remove speed cameras from OsmAnd, go to main Menu β Settings β OsmAnd settings β Legal β Uninstall speed cameras | |
Stop sign | A stop sign is a traffic sign designed to notify drivers that they must come to a complete stop and make sure the intersection is safely clear of vehicles and pedestrians before continuing past the sign. | |
Railroad crossings | This warning means that there is a railway crossing ahead. | |
Border control | This warning indicates that border control is ahead. | |
Border control | Hazard symbols or warning symbols are recognisable symbols designed to warn about hazardous or dangerous materials, locations, or objects, including electric currents, poisons, and radioactivity. | |
Toll booth | This warning indicates that a toll booth for a toll road is ahead. ![]() |
Street nameβ
The Street name widget shows the current street name with a straight arrow or the next street name with the maneuver to be performed. The street name usually consists of a highway shield, a name, a ref, an internation ref, and a destination. Switching between the current street name and the next street name happens when you approach the place where you want to perform the maneuver (~20 seconds), similar to the voice prompt "Turn in X m".
- When driving along a street or highway, the widget shows the name or designation of the current street (road) with a blue arrow.
- When you change direction, the widget shows the scheme of the maneuver and the name (designation) of the street (road) to which you need to turn.
Enable | Android: Menu β Configure screen β Remaining elements β Street name iOS: - always active |
By tapping | Open Map Context menu |
Approach POIs/Favoritesβ
Approach POIs/Favorites/Waypoints widget is combined with Street name and displays approaching and passing Points of interest, Waypoints of followed track, Favorites along the route. It displays name, icon of the point and 2 distances: route distance and deviation distance. Route distance (top) displayes how much distance needs to be covered by following route, deviation distance is a straight distance from the closest route point to the point itself.
Android:
iOS: in addition to the distance from the nearest route point, the side (left or right) of the route where point is located is also shown.
Enable | Android Menu β Directions β Settings β Show along the route β Points of interest (POI), Favorites, Traffic warnings iOS Menu β Start navigation β pencil button |