Edit this page

Navigation Controls

RadMap incorporates a navigation tool allowing the end to user to easily zoom, pan and change the current view.

Figure 1: Navigation Bar

map features navigation controls 001

The RadMap.ShowNavigationBar property is responsible for showing or hiding the navigation bar. By default this property is set to true and the location of the navigation bar is set to BottomRight.

Hide Navigation Bar

this.radMap1.ShowNavigationBar = false;

Me.RadMap1.ShowNavigationBar = False

Navigation Bar Location

The location of the MapNavigationBarElement is controlled by the RadMap.MapElement.NavigationBarLocation property.

  • MapNavigationBarLocation.TopRight: The location is set to the top right part of the view port.

Figure 2: TopRight

map features navigation controls 002

  • MapNavigationBarLocation.TopLeft: The location is set to the top left part of the view port.

Figure 3: TopLeft

map features navigation controls 003

  • MapNavigationBarLocation.BottomLeft: The location is set to the bottom left part of the view port.

Figure 4: BottomLeft

map features navigation controls 004

  • MapNavigationBarLocation.BottomCenter: The location is set to the bottom center part of the view port.

Figure 5: BottomCenter

map features navigation controls 005

  • MapNavigationBarLocation.BottomRight: The location is set to the bottom right part of the view port.

Figure 6: BottomRight

map features navigation controls 006

View Modes

The navigation control allows an easy selection of the currently displayed view.

note

The views which will be displayed in the drop-down will vary depending on the chosen map provider: Providers Overview.

Figure 7: BingRestMapProvider Views

map features navigation controls 007

Zoom and Pan

The navigation control allows the end user to easily zoom and pan to a particular location on the map.

Figure 8: Zoom and Pan

map features navigation controls 008

The MapNavigationBarElement can be accessed through the RadMap.MapElement.NavigationBarElement. The table below lists the exposed properties.

Properties

Property Description
MapElement Gets the map element.
ZoomInButton Gets the zoom in button.
ZoomOutButton Gets the zoom out button.
ViewButton Gets the view button.
MapNavigationElement Gets the map navigation element.

See Also