Stay organized with collections
Save and categorize content based on your preferences.
Most content templates in Android for Cars support the display of a map in the
background. To help users complete tasks without leaving the map, use the Map +
Content template.
Like the Tab template,
the Map + Content template acts as a container for other supported templates. It
reduces the number of templates required to complete certain tasks, because
users can stay on the Map + Content template while accessing the capabilities of
the included templates.
The Map + Content template can improve the functionality of your app and reduce
the number of templates required to complete tasks.
Includes:
Map
Included template, which can be one of the following types:
[null,null,["Last updated 2024-07-23 UTC."],[[["\u003cp\u003eThe Map + Content template in Android for Cars displays a map in the background and allows users to interact with overlaid content without leaving the map view.\u003c/p\u003e\n"],["\u003cp\u003eThis template acts as a container for List, Grid, Pane, or Message templates, reducing the overall template complexity.\u003c/p\u003e\n"],["\u003cp\u003eApps using this template must include one of the supported content templates and should prioritize clear, concise information display with relevant location details.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers should adhere to UX guidelines, including using appropriate font sizes, highlighting selected routes, and providing intuitive actions for content interaction.\u003c/p\u003e\n"]]],[],null,["# Map + Content template\n\n\u003cbr /\u003e\n\nMost content templates in Android for Cars support the display of a map in the\nbackground. To help users complete tasks without leaving the map, use the Map +\nContent template.\n\nLike the [Tab template](/cars/design/create-apps/apps-for-drivers/templates/tab-template),\nthe Map + Content template acts as a container for other supported templates. It\nreduces the number of templates required to complete certain tasks, because\nusers can stay on the Map + Content template while accessing the capabilities of\nthe included templates.\n\nThe Map + Content template can improve the functionality of your app and reduce\nthe number of templates required to complete tasks.\n\n**Includes**:\n\n- Map\n- Included template, which can be one of the following types:\n - [List](/cars/design/create-apps/apps-for-drivers/templates/list-template)\n - [Grid](/cars/design/create-apps/apps-for-drivers/templates/grid-template)\n - [Pane](/cars/design/create-apps/apps-for-drivers/templates/pane-template)\n - [Message](/cars/design/create-apps/apps-for-drivers/templates/message-template)\n\n| **Note:** The Android Developers Help Center refers to this template as [MapWithContent](https://developer.android.com/reference/androidx/car/app/navigation/model/MapWithContentTemplate).\n\nMap + Content template examples\n-------------------------------\n\nList template included in the Map + Content template \nGrid template included in the Map + Content template\n\n\u003cbr /\u003e\n\nMessage template included in the Map + Content template \nPane template included in the Map + Content template\n\n\u003cbr /\u003e\n\nMap + Content template UX requirements\n--------------------------------------\n\nApp developers:\n\n|------------|----------------------------------------------------------------------------------------|\n| **MUST** | Include content from List, Message, Grid, or Pane template. |\n| **SHOULD** | Designate a primary action for rows within content templates when providing 2 actions. |\n| **SHOULD** | Provide icons in addition to text labels for the actions within the content templates. |\n| **SHOULD** | Limit locations to those that are closest or most relevant. |\n| **SHOULD** | Consider supporting content refresh for the list when supporting map interactions. |\n| **SHOULD** | Use a font size of at least 24dp Roboto or equivalent for map markers. |\n| **SHOULD** | Show a corresponding marker on the map for each location in a list. |\n| **SHOULD** | Highlight the relevant route on the map when a user makes a selection. |"]]
