Features
Elements
Visibility
Color
Color Options
-
Saturation
-
Lightness
-
Gamma
Advanced Options
-
Weight
-
Your JavaScript Style Array
Create your own Snazzy Map
Choose a preset below to begin:
Save Your Snazzy Map Style
Save your style and come back to it later. All saved styles will be listed on the My Styles page.
Publish Your Snazzy Map Style
Publish your style for the world to see. To reduce spam, we will manually review your style within 48 hours and will list it on the site if we think other users would like it!
Help
Introduction
Welcome to the Snazzy Maps editor! With this tool you can create your own Google Maps styles and share them on the site.
Creating a style
Google Maps styles are divided into 3 components: features, elements, and styles. These components combine to allow for the detailed creation of map styles.
Features
Features are the geographic elements that can be styled on the map. These include land, road, water, and much more. Some features have sub-features and are organized in a tree structure. Styles can be applied to any node in the tree including the "All" node, which changes the styles for every feature. Styles applied to sub-features will override any styles applied on their parents in the tree.
Elements
Elements are the geometric properties of the features that can be styled on the map. These include labels, icons, geometric fills, and much more. A combination of feature and element will allow you to target exactly the components you would like to style.
Styles
Styles are the formatting options applied to your selected feature and element. These are grouped into sections: visibility, color, color options, and advanced options. Each section has a Reset button which will clear out any styles that have been changed in that section. If any styles have been modified from the default, a helpful dot is added to the feature and element nodes to signify that there are styles applied to those components.
Viewing style code
Once you have finished creating a map style you can view the generated code. By clicking the View Code tab you will be able to view the JSON style array that corresponds with your map style. Just copy and paste this into your code to use your style. If you are lost on how to use this code check out our FAQs for a little help.
Saving
You can save your style at any point. Simply click on the Save tab, and enter in a name for your style. All Saved styles will appear on the My Styles page.
Publishing
If you are finished with your style and would like to share it with the world click the Publish tab. Enter in a name and a description, up to 3 tags and colors that describe your style, and click publish. Your style will now be available for everyone on the site. If you ever want to unpublish your style or tweak the properties simply open up the Publish tab again.
Downloading Images
Registered users can now download an image of a Snazzy Maps style with our new Download Image feature. Adjust the image size and scale, pan and preview the map, and download your image.
During our initial beta release, registered users can download 10 images per day while we evaluate user feedback and demand. This may change as we update the feature.
Any feedback to improve this feature would be greatly appreciated.
By downloading these images, you agree to follow the Google Maps API terms of service.
Download Image
BetaDownload an image of this Snazzy Maps style. Find out more about downloading images.
If you want to change the language of the map, please update your account settings.
You have 0 downloads remaining for today. Find out more about downloading images.