Stay organized with collections
Save and categorize content based on your preferences.
The Map template presents a compact version of a list (as in the
List template)
or of a pane (detailed information with prominent actions, as in the
Pane template)
next to a map.
List rows
with optional small images OR list rows without images, augmented by up to
2 optional buttons,
where one can be designated as primary
(as as in the Pane template)
Base map (full-screen) drawn by the app
Optional map action strip
with up to 4 buttons for map interactivity
Map template examples
Map template with a list of items, next to a map showing the item
locations (Android Auto example)Map template with a pane view showing the details of a parking
location with related actions, next to a map showing the parking lot location
(Android Auto example)
Map template UX requirements
App developers:
MUST
Include at least one row of information if using a pane view.
SHOULD
Designate a
primary
action when providing 2 actions.
SHOULD
Make navigation the primary action, when it's included as one of the
actions.
MAY
Include up to 4 rows of information and 2 actions (in a pane view) OR
up to the number of list rows allowed for the vehicle* (in a list view).
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-07-23 UTC."],[[["\u003cp\u003eThe Map template is a compact view that combines a list or pane of information with a full-screen map for navigation apps.\u003c/p\u003e\n"],["\u003cp\u003eThis template is deprecated and designers should transition to the Map + Content template for future development.\u003c/p\u003e\n"],["\u003cp\u003eThe Map template includes a header, list or pane content, a base map, and an optional map action strip.\u003c/p\u003e\n"],["\u003cp\u003eNavigation apps should prioritize a primary action, ideally navigation, when using this template.\u003c/p\u003e\n"],["\u003cp\u003eApp developers can retrieve vehicle-specific constraints, such as list row limits, using the ConstraintManager API.\u003c/p\u003e\n"]]],[],null,["# Map template (deprecated)\n\n\u003cbr /\u003e\n\nThe Map template presents a compact version of a list (as in the\n[List template](/cars/design/create-apps/apps-for-drivers/templates/list-template))\nor of a pane (detailed information with prominent actions, as in the\n[Pane template](/cars/design/create-apps/apps-for-drivers/templates/pane-template))\nnext to a map.\n**Note:** This template is deprecated in favor of the [Map + Content template](/cars/design/create-apps/apps-for-drivers/templates/map-content-template). Designers and developers should work to update their task flows to make use of the new template. \n**Includes:**\n\n- [Header](/cars/design/create-apps/apps-for-drivers/components/header) with optional [action strip](/cars/design/create-apps/apps-for-drivers/components/action-strip)\n- [List rows](/cars/design/create-apps/apps-for-drivers/components/row) with optional small images OR list rows without images, augmented by up to 2 optional [buttons](/cars/design/create-apps/apps-for-drivers/components/button), where one can be designated as [primary](/cars/design/create-apps/apps-for-drivers/components/button#primary) (as as in the [Pane template](/cars/design/create-apps/apps-for-drivers/templates/pane-template))\n- Base map (full-screen) drawn by the app\n- Optional [map action strip](/cars/design/create-apps/apps-for-drivers/components/map-action-strip) with up to 4 buttons for map interactivity\n\n\u003cbr /\u003e\n\n| **Note:** This template is for navigation apps only. To present similar information with no map, POI apps can use the [List template](/cars/design/create-apps/apps-for-drivers/templates/list-template) or the [Pane template](/cars/design/create-apps/apps-for-drivers/templates/pane-template).\n\nMap template examples\n---------------------\n\nMap template with a list of items, next to a map showing the item locations (Android Auto example) Map template with a pane view showing the details of a parking location with related actions, next to a map showing the parking lot location (Android Auto example)\n\n\u003cbr /\u003e\n\nMap template UX requirements\n----------------------------\n\nApp developers:\n\n|------------|-------------------------------------------------------------------------------------------------------------------------------------------------|\n| **MUST** | Include at least one row of information if using a pane view. |\n| **SHOULD** | Designate a [primary](/cars/design/create-apps/apps-for-drivers/components/button#primary) action when providing 2 actions. |\n| **SHOULD** | Make navigation the primary action, when it's included as one of the actions. |\n| **MAY** | Include up to 4 rows of information and 2 actions (in a pane view) OR up to the number of list rows allowed for the vehicle\\* (in a list view). |\n\n| **\\* Note:** To retrieve the list row limit for a given vehicle, use the [ConstraintManager API](https://developer.android.com/training/cars/apps#constraint-manager)."]]