Announcing Data-driven styling: style Google map boundaries to convey key information – Google Maps Platform
Start building in seconds without a credit card with Maps Demo Key. Learn more
Introducing new AI-powered products and tools from Google Maps Platform. Learn more
New! Subscribe to save with one monthly price and access more products. Learn more
Google Maps Platform
Skip to contentMenu
Close
AI
Arrow down
Products
Arrow down
Solutions
Arrow down
Pricing
Arrow down
Resources
Arrow down
Why Google
AI
Arrow down
AI
Products
Products
Tools
Tools
Explore AI
Explore AI
Products
ProductsBuild powerful experiences with AI solutions.
Back
Google EarthCombine iconic imagery with professional-grade geospatial data, no-code tools, and Gemini capabilities.
Geospatial AnalyticsEasy-to-use geospatial datasets and AI-powered tools.
Grounding LiteBring fresh Maps data to any LLM via the Model Context Protocol (MCP).
Grounding with Google MapsImprove AI responses with Gemini, AI Studio, and Agent Platform.
Maps Agentic UI Toolkit (Experimental)Build interactive Maps experiences into agentic applications.
Maps Imagery Grounding (Private Preview)Create generative media grounded in physical reality.
Place, area, and review summariesGet an AI-generated summary of a place with Place Details.
Explore AI
Featured
Add Maps experiences to agentic applications with Maps Agentic UI Toolkit
Learn more about powering the next era of agentic experiences announcing new grounding capabilities
Featured
Add Maps experiences to agentic applications with Maps Agentic UI Toolkit
Learn more about powering the next era of agentic experiences announcing new grounding capabilities
Tools
ToolsDevelop faster and smarter with AI.
Back
Code Assist Toolkit
(opens in a new tab)Ground your AI assistant in the official, up-to-date resources.
Maps Styling agent
(opens in a new tab)Generate customized map styles in AI Studio.
Route Optimization agentOptimize your fleet route plan with an AI agent.
Explore AI
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Products
Arrow down
APIs & SDKs
Maps
Maps
Routes
Routes
Places
Places
Environment
Environment
Analytics
Datasets
Datasets & Models
Tools
Tools
See all products
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more.
See all products
Maps
MapsHelp users explore the world with detailed, custom map products.
Back
3D MapsCreate 3D photorealistic maps easily.
Aerial ViewDelight your users with pre-rendered, 3D cinematic video of points of interest and their surroundings.
Dynamic MapsCustomize and style interactive maps using Cloud-based maps styling for real time updates across all devices and platforms.
Dynamic Street ViewEmbed real-world imagery with 360° panoramas.
ElevationProvide a simple interface to query locations on the earth for elevation data.
Map TilesDesign interfaces and interactions unique to your brand and design requirements, and customize your visualizations.
Maps EmbedAdd an interactive map or Street View panorama to your site, using a simple HTTP request.
Photorealistic 3D TilesAccess a 3D mesh model of the real world and use the renderer of your choice to create cinematic experiences.
Static MapsEmbed simple map images on your website with minimal code.
Static Street ViewEmbed a static (non-interactive) Street View panorama or thumbnail into your web page, without the use of JavaScript.
Street View TilesUse images taken from street level and tile metadata to create powerful, immersive experiences.
See all products
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more.
Routes
RoutesHelp your users optimize the way from A to Z.
Back
Compute RoutesProvide directions for transit, biking, driving, 2-wheel motorized vehicles, or walking between multiple locations.
Compute Routes MatrixCalculate travel times and distances for multiple destinations for up to 625 route elements.
Navigation ConnectAllow your drivers to use Waze or Google Maps for navigation, while you receive the essential trip information needed to manage your operations.
Navigation SDKAdd custom Google Maps navigation into your mobile app.
RoadsDetermine the route a vehicle travels.
Route OptimizationOptimize multi-stop routes for one or more vehicles flexibly and intelligently.
See all products
Featured
Choose from subscription plans that make pricing easy and predictable
Learn more about pricing
Featured
Choose from subscription plans that make pricing easy and predictable
Learn more about pricing
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more.
Places
PlacesShow users places and points of interest with details at their fingertips.
Back
Address ValidationValidate an address and its components, standardize the address for mailing, and determine the best known geocode for it.
AutocompleteHelp users quickly find the exact place they’re looking for by automatically suggesting businesses and points of interest as they type.
GeocodingConvert addresses to geographic coordinates or the reverse.
GeolocationReturn the location of a device without relying on GPS, using geospatial data from cell towers and WiFi nodes.
Grounding with Google MapsBuild factual and up-to-date Gen-AI powered experiences by grounding your LLM responses in Google Maps data.
Isochrones APIGenerate precise, traffic-aware reachability polygons. Supports driving, walking, cycling, & transit modes with travel limits up to 120 minutes.
Maps Grounding LiteQuickly bring fresh Maps data to any LLM using the Model Context Protocol.
Nearby SearchSearch for places within a specified area with the option to refine by place type.
Place DetailsAdd rich details for millions of places to your website or app.
Place PhotosAccess millions of place-related photos stored in Google's Places database.
Places AggregateGet specific insights to improve user experience for users discovering or researching an area.
Places UI KitBring the familiar Google Maps UI for Places to your front-end applications with just a few lines of code.
Text SearchProvide information about a set of places based on a single search query and any specified location.
Time ZoneGet the time zone for a specific latitude and longitude coordinate.
See all products
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more.
Environment
EnvironmentHelp users access data to respond to climate challenges.
Back
Air QualityReduce users’ exposure to air pollution with air quality data and insights.
PollenImprove daily life for allergy sufferers with up-to-date information on different types and levels of pollen.
SolarUse advanced data and imagery to create more advanced solar array designs and proposals, while eliminating costly site visits.
WeatherUse advanced, trusted weather forecasts to help people plan and prepare.
See all products
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more.
Datasets
Datasets & ModelsComprehensive integrations for unparalleled knowledge.
Back
Explore geospatial analytics
Aerial and Satellite InsightsScale operations and insights with high-resolution overhead imagery and AI solutions.
Aerial and Satellite ModelsApply Google’s state-of-the-art geospatial AI to your own proprietary imagery.
Places InsightsSecurely combine your geospatial data with Google Maps’ rich POI data using Places Insights in BigQuery.
Population Dynamics InsightsTrain better predictive models with datasets derived from Google Search, maps, and weather trends.
Roads Management InsightsOvercome the limitations of traditional traffic data collection methods and proactively respond to congestion and traffic issues.
Street View InsightsStreamline operations and improve workflows with AI-powered insights, using Google Maps Platform imagery integrated with BigQuery and Gemini Enterprise Agent Platform.
See all products
Featured
Introducing new pricing subscriptions featuring our most popular APIs
Learn more about pricing
Featured
Introducing new pricing subscriptions featuring our most popular APIs
Learn more about pricing
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more.
Tools
ToolsReach your sustainability and business goals
Back
Google EarthAnalyze, build, and collaborate to make decisions with a comprehensive, interactive model of our world.
Earth Engine (Google Cloud)
(opens in a new tab)Explore a multi-petabyte catalog of satellite imagery and geospatial datasets with planetary-scale analysis capabilities.
See all products
Featured
Introducing new pricing subscriptions featuring our most popular APIs
Learn more about pricing
Featured
Introducing new pricing subscriptions featuring our most popular APIs
Learn more about pricing
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more.
Solutions
Arrow down
Solutions
Use Cases
Use cases
Industries
Industries
Find your solution
Find your solution
Use Cases
Use casesFind the right combination of products to achieve your goals.
Back
Build interactive experiencesCreate exciting, immersive experiences.
Display the ideal locationCreate maps for customers to find stores and ATMs.
Enable asset trackingTrack and visualize moving assets for any fleet size.
Enrich transactionsHelp customers recognize and understand transactions.
Improve addressesHelp users enter and validate addresses for sign-up.
Offer efficient routesQuickly and efficiently route people or goods.
Provide local informationHelp users understand nearby places.
Visualize geospatial dataDisplay geospatial and business data to improve decisions.
Explore & select sitesUse Google Earth imagery and data to make decisions.
Analyze geospatial dataAccess geospatial insights with comprehensive data.
Collaborate & shareWork with your team to create engaging map presentations.
Ground AI responsesEnhance AI response accuracy with data on 250M+ global places.
Find your solution
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Industries
IndustriesFind the right combination of products to achieve your goals.
Back
Financial ServicesEnhance experience, reduce risk, and boost efficiency.
RetailBuild engaging retail experiences that make shopping easy.
Real EstateHelp buyers explore neighborhoods with map-based tools.
Transportation & LogisticsTransform trips and track assets with geospatial data.
Find your solution
Featured
Explore both easy subscription and flexible pay-as-you-go pricing
Learn more about pricing
Featured
Explore both easy subscription and flexible pay-as-you-go pricing
Learn more about pricing
Pricing
Arrow down
Pricing
Products and Services
Products & Services
Products and Services
Products & ServicesGoogle Maps Platform has flexible pricing to meet any need and budget.
Back
Pay as you goPricing that puts you fully in control with our products.
Subscribe to saveChoose from 3 plans for our most popular products at one price.
Google EarthPricing for multiple Google Earth plan levels.
Featured
Choose from subscription plans that make pricing easy and predictable
Learn more about pricing
Featured
Choose from subscription plans that make pricing easy and predictable
Learn more about pricing
Resources
Arrow down
Resources
Development
Development
Education
Learn
Community
Community
Support
Development
DevelopmentGet the tools and information to help you use Google Maps Platform.
Back
Architecture Center
(opens in a new tab)Discover use cases and architectures to help build apps.
Documentation
(opens in a new tab)The details developers need to build with the real world.
Partner directory
(opens in a new tab)Select a reliable Google Cloud partner to work with you.
Trust CenterGoogle Maps offers security, audits, and compliance.
Solution FinderHere’s how to start discovering your solution.
Maps Demo KeyGo from sign-in to prototype in seconds with no credit card.
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Featured
Start building in seconds with a Maps Demo Key — no credit card required
Learn more about maps demo key
Education
LearnLearn about new products, features, and projects.
Back
BlogExplore product announcements and real-world applications.
Customer storiesLearn how your industry uses Google Maps to engage and grow.
Documentation
(opens in a new tab)The details developers need to build with the real world.
Demo GallerySee how you can make our next-generation maps your own.
Webinars
(opens in a new tab)Stay updated on new products and expert advice.
WhitepapersInsights and solutions driving change across industries.
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Community
CommunityExplore and join the people who build with Google Maps Platform every day.
Back
Discord
(opens in a new tab)Get in on the developer conversation.
GitHub
(opens in a new tab)Access open source libraries and tools.
YouTube
(opens in a new tab)Learn more about what’s new and noteworthy.
Google Maps Platform AwardsSubmit your best projects for recognition and prizes.
Google Maps Platform Innovators
(opens in a new tab)Join to get access to early features and exclusive resources
Featured
Introducing new pricing subscriptions featuring our most popular APIs
Learn more about pricing
Featured
Introducing new pricing subscriptions featuring our most popular APIs
Learn more about pricing
SupportGet the help you need while building with Google Maps Platform.
Back
Support resources
(opens in a new tab)Access support resources or contact the support team.
Open a case
(opens in a new tab)Create a support case.
Support plans
(opens in a new tab)Learn about our customer support plans.
Status dashboard
(opens in a new tab)Check the health dashboard for incidents.
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Featured
Power your geospatial development with AI from Google Maps Platform
Learn more about ai
Why Google
Contact salesCreate an account
Contact salesCreate an account
Announcing Data-driven styling: style Google map boundaries to convey key information
Alicia Sullivan
Product Manager, Google Maps Platform
June 23, 2022
Try Google Maps Platform
Get up to 10,000 free* calls per SKU per month and build more with Google Maps Platform.
Learn more
Displaying data through maps enables you to communicate key information to your users in a more visually engaging and intuitive way. One way to do this is through utilizing polygons to highlight regions and data. Many of you have told us that purchasing, updating, and maintaining your own boundary data to style polygons and create choropleth maps is expensive and takes a lot of development time and resources. One of the most commonly requested features you have asked for is access to the same boundaries and polygons used in Google Maps to build informative and engaging maps for your customers. Today, we are excited to announce the preview release of Data-driven styling for the Maps JavaScript API, which enables you to display and style Google boundaries.
What is Data-driven styling?
Data-driven styling is a new capability that enables you to style your maps to visually convey key information to your users, using your proprietary data (e.g. store inventory) or publicly available data (e.g. election results).
The first capability we are enabling with Data-driven styling is the ability for you to easily display Google’s polygons for administrative boundaries, or enhance your own tabular business data with Google’s administrative boundaries to style polygons or create rich, customized choropleth maps. This opens up possibilities for new visually engaging user experiences, and provides additional context to users on areas they care about, helping them make more informed decisions and save time.
Data-driven styling provides the same polygons for boundaries you see on Google Maps. Access country boundaries around the world, and for select countries we provide access to additional administrative boundary types such as localities, postal codes, and more. And Google manages the administrative boundary data for you, removing the need for you to purchase, update, and maintain boundary data yourself.
The ability to highlight geographical boundaries on a map was a long-awaited feature from our customers. It enables many new use cases where you previously had to worry about challenging technical aspects and costly data acquisition. Google Maps Platform is a source that provides high-quality polygons.Martin KleppeCo-founder of Ubilabs
Key use cases
Data-driven styling enables a wide range of use cases that utilize boundary data across various industries, including real estate, travel, media, government, education, and many more. You can define the style and display the polygon for a specific administrative boundary that you choose. Visit our demo to explore these use cases.
To help a user easily visualize if a listing is in a desired area, you can provide context for a home, hotel or store search by displaying the polygon for the locality or postal code that they searched.
Polygon displaying the Tadami locality in Japan, and a marker for the Tagokura Station
It also enables you to create a choropleth map for an administrative boundary type, using Google’s boundary data and your own or sourced tabular business data. For example, style multiple country, administrative area level 1, locality, or postal code boundaries by Covid-19 cases, home prices, or election results.
Choropleth map showing delivery charges to different Berlin postal codes
Data-driven styling also provides support for interactive user experiences. Clicking a polygon on your map returns metadata to your apps, including Place ID, feature type, and display name of the clicked polygon. These events are useful for experiences where you wish to restyle the map based on user interactions.
Choropleth map of the United States, with a click on the polygon of California providing the Place ID and other metadata
Using Data-driven styling
To enable Data-driven styling, select the feature layers you want to enable for a new or existing Map Style in the Google Cloud Console, and associate that style with a Map ID that has the vector map for JavaScript enabled. Please note that Data-driven styling is not supported for Static Maps or the raster tile map in JavaScript.
You’ll find the feature layers dropdown in the settings for your Map Styles over the coming days.
Then apply a FeatureStyleOptions object or FeatureStyleFunction to a feature layer in your code.  You can customize fill and stroke color, fill and stroke opacity, and stroke weight for each feature layer.
At AppGeo, we have been building applications on Google Maps Platform for many years and the Data-driven styling feature is just another example of how Google continues to make it easier for mapping novices and experts alike to bring their spatial insights to light.  Data-driven styling provides much easier access to the most commonly desired geographies for aggregating and visualizing data. We can now bring client data to life faster with less supporting data infrastructure and would be happy to help anyone interested in learning how to leverage these new assets.David BreedingPrincipal/Director of Analytics, AppGeo
Coverage
For the preview release, Data-driven styling provides access to feature types for administrative areas including countries, localities, postal codes and much more.
Visit our coverage table in the documentation to view supported countries and available feature types. We will continue to roll out additional coverage throughout the preview phase. If there are specific countries and feature types you’d like added, please provide your feedback through our Issue Tracker.
Styling polygons using Place ID
A common use case for Data-driven styling is to style individual polygons or a subset of polygons within a feature type, such as a limited set of countries or localities. The best way to do this is by referencing those boundaries using their Place IDs, which we allow you to cache indefinitely.
To make prefetching of Place IDs for individual regions easier, we are providing a region lookup utility that gives you the option to provide geographic coordinates, address, place name, ISO Code or FIPS code and returns the Place ID of the region available at that location. This utility is an open source library for JavaScript available on our Google Maps repository on GitHub. Alternatively, you can use Geocoding, Place Search, or Autocomplete to retrieve Place IDs for regions.
How to get started
Data-driven styling is included with Dynamic Maps for Maps Javascript API. Developers can use Data-driven styling and other Cloud-based maps styling features for Dynamic Maps by creating a Javascript Vector Map configured MapID in Google Cloud Console. In the future, we plan to introduce additional capabilities that will extend Data-driven styling to help you build more customized visualization and interactive experiences for your users, and to leverage your unique data.
Data-driven styling will be available in Preview over the next week for the Maps JavaScript API - visit our documentation to give it a try and let us know what you think.  Also check out our new Dynamic Maps webpage to learn more, try the demo, and learn about other Cloud-based maps styling use cases and capabilities. Our team is eager to see what new possibilities these features open up for styling your maps.
For more information on Google Maps Platform, visit our website.
Visualize geospatial data
Get going with Google Maps Platform
Get startedContact sales
*Free usage refers to monthly calls available at no cost. Essentials Map Tiles APIs provide up to 100,000 calls at no cost per SKU per month.
Product availability, functionality and terms may differ for customers with billing addresses in the European Economic Area (EEA). Learn more
Follow us
Helpful links
Helpful links
Documentation
FAQs
Keep up with the latest
Keep up with the latest
Subscribe to the Google Maps Platform newsletter today to receive product updates, insights, news, and more.
Yes, sign me up to receive communications from Google Maps Platform and Google Cloud.
Your information will be used in accordance with Google's privacy policy. You may opt out at any time.
Thanks for signing up
A welcome email should be in your inbox soon.
About Google
Google products
Privacy
Terms
Google Maps Platform Terms
Help