Features

Elements

Select a feature

Styles

Visibility

On
Simplified
Off

Color

Hue

#
Custom color

r
g
b
#

Color Options

Saturation
Lightness
Gamma

Advanced Options

Weight
Invert Lightness

Select an element

Your JavaScript Style Array

Create your own Snazzy Map

Choose a preset below to begin:

Default Base your style off the default Google Maps style.

Light Customize our premade light theme with your own colors.

Dark Customize our premade dark theme with your own colors.

Monochrome Customize our premade monochrome theme with your own colors.

JSON Import Import your own json.

You can paste in a valid Google Maps style array below so you don't have to start from scratch.
Only a valid style array (starting and ending with square brackets) will be accepted.
Don't include any javascript code, variable definitions, or invalid JSON.

Paste your JSON here:

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.

Your map style name

Required

Maximum 40 characters.

A description about your style

Maximum 500 characters.

The main color(s) of your style

Choose up to three colors.

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!

Your map style name

Required

Maximum 40 characters.

A description about your style

Required

Maximum 500 characters.

The main color(s) of your style

Required

Choose up to three colors.

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

Download Image

Beta

Download 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.

Dimensions

Maximum 1000x1000 px.

Scale Factor

The scale factor will be applied when downloading the image.

You have 0 downloads remaining for today. Find out more about downloading images.