Access location details and start navigation

  • The Navigation or Map + Content templates are used to display detailed location information with actionable buttons.

  • If your app is not a navigation app, the "Navigate" button can open a separate navigation app, ending the current task flow.

  • A sample flow demonstrates how a user might select a location from a list, view its details using a Pane template, and then initiate navigation in a separate app.

  • A new step is counted when new content is presented to the user, not just a refresh.

When users need more detailed information about a location, a Navigation or Map + Content template lets you present that information with buttons for users to act.

In this example, because the app is not a navigation app, the Navigate button opens a separate navigation app, ending the task flow.

Sample flow

User action Where action is performed Step count after action
The user opens your app, then selects a submenu. List template included in the Map + Content template

List template included in the Map + Content template with Work charger, Nearby stations, and Saved submenus

1
The user selects a location from the submenu. List template included in the Map + Content template

Map + Content template with embedded List with list of charging locations

2
The user reviews details about the location and decides to navigate there. Pane template included in the Map + Content template

Map + Content template with embedded Pane template with details about the location and primary and secondary buttons

3
A separate navigation app opens and routing begins. Navigation template in new app

New navigation app with routing instructions

1