DEPRECATED: Legacy cloud styling is deprecated and is slated for retirement starting on or after March 18, 2025. At that point, your legacy map styles will automatically update. Google recommends you update to the new cloud-based maps styling before March 2025. For more information about the deprecation, see Deprecations. To update your legacy styles, see Update a map style to the latest version.
Stay organized with collections
Save and categorize content based on your preferences.
Add element styles at different zoom levels when creating map styles with
the style editor in Google Cloud console. For example, you can customize the color
of water from pink at zoom level 0 to purple at zoom level 10, and associate
other customizations with the level of detail you see at the specified zoom.
When you customize a given element, the style editor overrides any inherited styles.
To add different customizations at different zoom levels, check the Customize across
zooms checkbox on the Stylers pane, and then check the Add stop: z
checkbox. A blue dot displays above the slider, indicating a zoom level
with customizations.
Any customizations you make at a zoom level updates the customizations at that
zoom level and further out. For example, customizations at zoom level 10 affect
all customizations at zoom levels 10, 11, 12 and higher. Zoom customizations
override any inherited styles, and custom styles for the feature.
To remove changes from a particular zoom level, clear the
Add stop: z checkbox (the blue dot turns gray). After clearing the checkbox,
the zoom level returns to its inherited style.
To make style customizations at different zoom levels:
Select a feature to open up the Element type submenu, and select an element to customize.
Check the Customize across zooms checkbox to make customizations at the
current zoom level appear in the style editor. Once you check the Customize
across zooms checkbox, you should see:
An Add stop: z checkbox that indicates your current zoom
level and attaches customizations to the indicated zoom level.
A zoom slider bar to modify and select your zoom level.
To save your changes, select Save. To make your changes public
on the map IDs associated with your map style, select Publish.
[[["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."],[[["Customize the appearance of map elements, like water color, at different zoom levels for a dynamic user experience."],["Override inherited styles by checking the \"Customize across zooms\" checkbox and adding zoom-specific customizations."],["Zoom level customizations affect that level and all higher levels, ensuring visual consistency as users zoom out."],["Easily revert to inherited styles by removing zoom stops, providing flexibility in design."],["Create or update map styles in the Google Cloud console Style Editor and publish them to make changes visible on your maps."]]],[]]