Dynamic Maps

Next-level map customization

Welcome to a whole new level of map customization, interaction, and visualization.

Create an account
JS
iOS
Android
Map of downtown Seattle shows green building areas, parks, blue circles for bike rack capacity, and faint bike lanes.City map showing streets, green building areas, orange bike lanes, and blue circles indicating bike rack capacity.
Stopwatch icon

Save time and resources

Quickly create, test, and deploy custom maps.

Icon showing adjustable toggles

Over 250 customizations

Create custom detailed maps that truly fit your business.

Browser window with a gold star

More engaging experiences

Find new ways to set your brand apart.

Discover cloud-based maps styling

Advanced customization capabilities

Fine-tune your maps to fit your specific business and user needs, with hundreds more customization types than in Google’s client-styled maps.

Next generation map visualization

Create immersive 3D mapping experiences with features like WebGL Overlay View and Tilt & Rotation.

Update everywhere, without writing code

Create a consistent user experience by simultaneously deploying updates across all platforms, without writing a line of code.

Included with Maps Javascript API and available for Android SDK and iOS SDK.

Easily create custom interactive markers

Make markers your own

Change the color, background, icon, and outline of the Google Maps red pin, and create custom markers with SVGs, PNGs or HTML elements. Do it all directly in your code, with no image needed.

Improved marker performance

Advanced markers can load up to 66% faster than our traditional markers, and provide faster panning and zooming,1 while supporting fast load times for a larger amount of markers.

Marker collision management

Choose which markers are displayed at each zoom level, and control how your markers interact with each other.

Map of Milwaukee displaying various hotel prices with blue markers, and a highlighted $20 off offer for Iron Horse Hotel.Map of Milwaukee displaying various hotel prices with blue markers, and a highlighted $20 off offer for Iron Horse Hotel.

Style your data with data-driven styling

Collage of diverse digital map visualizations: bike racks, city data points, road networks, and regional political maps.Three maps: bike racks in zip 98102, a colored political map of the UK, and a blue-dotted density map of the US.

Save developer resources

Store and manage your geospatial data via the Google Cloud console, and let Google curate, update and manage boundary data for you.

Enhance your data with polygons

Display and style Google’s polygons for administrative boundaries, with or without your own data.

Style your geospatial data

Visualize and style your geospatial data as points, lines and polygons on your maps.

Map of Brooklyn, New York. Brooklyn Heights neighborhood is highlighted in pink, bordered by the East River and Brooklyn Bridge.
Blog
Learn about styling Google map boundaries to convey key information
Map of downtown Seattle, including South Lake Union and Olympic Sculpture Park, densely covered with green circles.
Blog
Import, visualize, and style your geospatial data with data-driven styling for datasets

Advanced Customisation

Business POI filtering

Decide which types of business to show on your map, based on relevance to your customers.

Map with shopping stores, like Nordstrom, and an overlay menu with 'Shopping visibility' options: Inherit, On (selected), Off.
POI density control

Tailor the number of points of interest on your map, to provide more information or make the map cleaner.

Commercial corridor styling

Change the color of commercial corridors to add more visual context to your maps.

Map of Minneapolis with blue highlighted areas and a color selection popup showing '#78b2de' and a blue swatch.
Detailed street maps

Make maps more detailed with sidewalks, crosswalks, traffic lights, and more.

Google Maps showing a detailed urban intersection of R. Pedra Azul and R. Onix, with multiple businesses visible.
Landmark icons

Help users quickly find important landmarks in 100 cities around the world, to highlight and promote prominent tourist attractions.

Map showing Sydney Opera House on Sydney Harbour, marked with its iconic roof shape and text label.
Enhanced natural features

Apply styles to previously unstylable map elements, such as forests and deserts, to create a richer experience for your users.

Map of Kenya centered on its name, showing cities like Nakuru, Kisumu, Eldoret, roads, and conservation areas.
Industry-optimised map styles

Customize pre-configured, optimized maps for the travel, real estate, retail, and logistics industries.

Map of streets R. Pedra Azul and R. Onix, displaying businesses including pharmacies, restaurants, vets, and car stores.
Advanced markers

Easily create highly customized, faster performance markers that provide a richer user experience and showcase your brand.

Google Maps showing a Bay Area map with red 'G' location pins and a cursor clicking a central Google logo pin.
Data-driven styling

Display and style customized maps based on your tabular datasets, Google’s administrative boundary data, or your own business data.

A map of an urban area with a coastline, featuring streets, buildings, and many varying-sized blue data circles.

Powerful map visualizations

WebGL overlay view for Javascript

Render 2D and 3D objects with perspective directly on the basemap.

Vector maps

Get faster map loads, smoother zooming and panning, and efficient caching. Also enables marker collision management.

Google Maps showing Pike St, 2nd Ave, and News Ln, with businesses like Hard Rock Cafe, Ben Paris, and KÜHL. Red pins mark locations.
Tilt and rotation

Help users explore and navigate maps at multiple angles.

Other Dynamic Maps features

Map types

Choose between road, satellite, hybrid, terrain, and custom maps.

Shapes

Draw a variety of shapes on the map with built-in functions, including polylines and polygons.

Map of the Pacific Ocean with a red line route connecting Australia to the western United States.
Markers

Display the default Google Maps marker, or add your own custom-styled markers.

Map of San Francisco with 8 red location pins highlighting points of interest.

How you can use it

Help people find your locations

Whether it’s a brick-and-mortar shop, ATM, food truck, or just a parking space, Cloud-based maps styling can make it easier for your customers to find what you’re pointing them to.

Map with blue dotted route (5 min, .5 mi) to a red pin for Idaho Bank ATM, near Basque Museum.Map with blue dotted route (5 min, .5 mi) to a red pin for Idaho Bank ATM, near Basque Museum.

Highlight what’s near your business

Help customers see what there is to do in the area around your business – like pharmacies, car charging stations, or coffee shops.

Show off a neighborhood

Cloud-based maps styling makes it easy for customers to understand what the neighborhood is like around a house, apartment, or hotel, through customized points of interest and 3D visualizations.

Google Maps showing a city map with a red pin on "Charlie's Diner," displaying its 4.9-star rating and details.Google Maps interface showing a red pin for "Charlie's Diner" with rating and details, surrounded by green pins for other POIs.
A map of Europe, with a purple circle over the UK/Ireland. Text guides the user to zoom and find a hidden 'egg' within the circle.Map of Europe with a purple circle over UK, Ireland, and France. Text: "Your egg is somewhere within the circle... Zoom closer."

Create engaging branded experiences

Create custom map-based experiences for a promotion or event that match the look and feel of your brand.

Explore demos with Dynamic Maps

Create immersive experiences with Photorealistic 3D Maps in JavaScript

See how JavaScript developers can deliver 3D Maps at scale, starting with a single line of code.

Start exploring
(opens in a new tab)

Customize your maps with data-driven styling

Easily access, display, and style Google’s polygons for administrative boundaries, or use your own geospatial data to create your own points, lines, and polygons.

Start exploring
(opens in a new tab)
Stylized city map with green buildings, red streets, and many orange/yellow data points; water body on left.Stylized urban map: green buildings, white streets, red paths, and orange data points. Coastal gray water body on left.

Make customized map markers

Experience creating your own advanced markers. In this demo you can customize the iconic Google Maps red pin, create custom markers from images, and programmatically customize your own markers.

Start exploring
(opens in a new tab)
Weather map of North America showing various conditions like rain, sun, and snow, with Denver at 23°F, partly cloudy.Map of western North America with a rain icon over the Pacific Northwest and a sun icon over Southern California.

Take cloud-based maps styling for a test drive

Try it out and see how quickly you can create highly customized maps without writing code.

Start exploring
(opens in a new tab)
Stylized teal and black city map featuring dense street grids, a dark river, and a prominent white park outline.Stylized city map with black roads forming a complex pattern on a teal background, including a main diagonal avenue.

Create immersive 3D mapping experiences with WebGL

Learn how WebGL-powered maps features for the Maps JavaScript API give you unprecedented control of the vector basemap.

Start exploring
(opens in a new tab)
Isometric 3D city map with grey buildings, blue streets, water, and labels for Gandhi Square, Mining District, Astor Mansions.

Travel the world in this interactive WebGL-powered demo

See how different the world can be when you can control and render on the map in three dimensions.

Start exploring
(opens in a new tab)
Map of Charles de Gaulle Airport (CDG) with a flight path & white airplane icon approaching an airport location pin.Digital map with a white airplane following a blue flight path towards a blue airport pin, likely Charles de Gaulle.

See how digital twins can be implemented using WebGL with 3D

UbiLabs created a demo, “Moving Hamburg,” to show how digital twins can be used to perform digital analyses and scenarios before being put to the test in the real world.

Start exploring
(opens in a new tab)
Detailed map of Hamburg, Germany, showing multi-colored transit lines, stations, and ferry routes F75, F72 over the Elbe.Digital map of Schanzenviertel featuring transit routes in purple, yellow, and blue with station markers and F75 label.
“Data-driven styling for datasets and the Maps Datasets API allows our clients to manage, display, and style complex geospatial data without the expensive infrastructure or custom code. This results in cost savings, and a better experience for their users.”
Martin Kleppe
Co-founder of Ubilabs, Google Maps Platform Partner
Read more
See all customer stories
A map of Seattle's South Lake Union and waterfront with varying sizes of green circles densely overlaid.Google map of Seattle's South Lake Union and Uptown areas, densely covered with green circles representing data points.
“With data-driven styling, Realtors® can now easily search and visualize market trends on a map, which helps them serve their clients better. Our nationwide real estate database, enhanced with data-driven styling, produces powerful insights with minimal effort.”
Janine Sieja
SVP Product, Realtors® Property Resource
Read more
See all customer stories
Color-coded map displaying median estimated property values in Bend, OR, with a popup showing a $1M median value.Color-coded map of Bend, OR showing median estimated property values, with a pop-up detailing $1M median for the area.
“We wanted an immersive experience that would let Elton share his connection to Los Angeles with his fans. Using Google Maps Platform, we were able to style the basemap, add advanced markers, and use WebGL-powered map features to match the visual design of our broader L.A. experience.”
Rory Newton Dunn
Head of Digital, Rocket Entertainment
Read more
See all customer stories
Cartoon map with icons: shopping, cameras, burgers, music, rockets, piano, clothing, records, and an "Elite" badge.A colorful, cartoon-style map with blue streets, red highways, and 3D icons like cameras, records, shopping bags, food, and music notes.
“With previous mapping solutions, customization and data management was a challenge. Advanced markers improved our user experience and streamlined our workflow, resulting in increased engagement.”
Alvaro Garrido
IT Director, Fr8Tech
Read more
See all customer stories
Map showing a blue route from Dallas, Texas (A) to Irapuato, Mexico (B), passing through San Antonio and Monterrey.Map showing a route from Monterrey, Mexico, through San Antonio and Austin to Dallas, Texas.

Start building with

Dynamic Maps today

Create an account
JS
Android
iOS

Discover related products

See all products
Aerial view of New York City.
Photorealistic 3D Tiles
enterprise
Access a 3D mesh model of the real world and use the renderer of your choice to create cinematic experiences.
API
An overhead view of a city building with a map marker above it.
Aerial View
pro
Delight your users with pre-rendered, 3D cinematic video of points of interest and their surroundings.
API
Elevation map of mountains.
Map Tiles
essentials
enterprise
Design interfaces and interactions unique to your brand and design requirements, and customise your visualisations.
API
Map of city park.
Maps embed
essentials
Add an interactive map or Street View panorama to your site, using a simple HTTP request.
API
2D map showing rivers and roads.
Static Maps
essentials
Embed simple map images on your website with minimal code.
API
  • 1

    Internal benchmark tests were done on an advanced markers map with 500 markers. Actual results will vary based on a number of factors, including but not limited to advanced markers configurations, application implementation, browsers, and hardware specifications.

Helpful links
Documentation
FAQ