# Map + Content template

<br />

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](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/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:
  - [List](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/list-template)
  - [Grid](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/grid-template)
  - [Pane](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/pane-template)
  - [Message](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/message-template)

> [!NOTE]
> **Note:** The Android Developers Help Center refers to this template as [MapWithContent](https://developer.android.com/reference/androidx/car/app/navigation/model/MapWithContentTemplate).

## Map + Content template examples

![](https://developers.google.com/static/cars/design/create-apps/apps-for-drivers/templates/images/map_plus_content_ex_1.png) List template included in the Map + Content template ![](https://developers.google.com/static/cars/design/create-apps/apps-for-drivers/templates/images/map_with_grid.png) Grid template included in the Map + Content template

<br />

![](https://developers.google.com/static/cars/design/create-apps/apps-for-drivers/templates/images/map_with_message.png) Message template included in the Map + Content template ![](https://developers.google.com/static/cars/design/create-apps/apps-for-drivers/templates/images/map_plus_pane.png) Pane template included in the Map + Content template

<br />

## Map + Content template UX requirements

App developers:

|---|---|
| **MUST** | Include content from List, Message, Grid, or Pane template. |
| **SHOULD** | Designate a primary action for rows within content templates when providing 2 actions. |
| **SHOULD** | Provide icons in addition to text labels for the actions within the content templates. |
| **SHOULD** | Limit locations to those that are closest or most relevant. |
| **SHOULD** | Consider supporting content refresh for the list when supporting map interactions. |
| **SHOULD** | Use a font size of at least 24dp Roboto or equivalent for map markers. |
| **SHOULD** | Show a corresponding marker on the map for each location in a list. |
| **SHOULD** | Highlight the relevant route on the map when a user makes a selection. |