Announcement: New basemap styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette, modernized pins, and improvements to map experiences and usability. All map styles will be automatically updated in March 2025. For more information on availability and how to opt in earlier, see New map style for Google Maps Platform.
Stay organized with collections
Save and categorize content based on your preferences.
Place Details, Place List, and Elevation components
The Places UI Kit component library lets you bring the familiar Google Maps user experience for Places to your apps and web pages, using the same data that powers the Places API. It includes a set of individual UI components that can be used independently, together, or in conjunction with other Google Maps Platform APIs to deliver a Places-rich experience with minimal cost and code.
The Places UI Kit includes the following HTML elements for rendering Places data:
Place List renders a list of places from a search.
Elevation renders elevation data for a single point or a path.
Place Details
The Place Details component is a customizable HTML element that renders details for a selected place, defined either by a Place ID or by a set of latitude and longitude coordinates.
Small, medium, and large Place Details configurations
[[["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 2025-01-29 UTC."],[[["The Places UI Kit offers pre-built UI components for integrating Google Maps Places functionality into your apps and web pages."],["It includes components like Place Details, Place List, and Elevation for displaying place information and elevation data."],["This kit is cost-effective compared to the Places API and allows customization of data and display options."],["This product or feature is currently in the Experimental (pre-GA) phase, which means it has limited support and potential for incompatibility."]]],[]]
