Styling a Map

It's very common for people to want their maps to look a specific way. In fact, there are services which allow you to customize a map however you see fit. These services will generate a JSON snippet containing all of your styles.

Here are a few services which can help you create a collection of custom styles...

• Google Styling Wizard (opens new window)
• Snazzy Maps (opens new window)

Once you have generated your map styles, copy the JSON snippet and apply it to your map.

Styling a new map

You can specify the styles option when you create the initial map...

• JavaScript
• Twig
• PHP

// Set of map styles, formatted as a JSON array
const styleSet = [...];

// Apply styles to the map
const map = googleMaps.map(locations, {
    'styles': styleSet
});

Styling an existing map

You can also apply styles to an existing map...

• JavaScript
• Twig
• PHP

// Get an existing map
const map = googleMaps.getMap(mapId);

// Style the map
map.styles(styleSet);