It is possible to use custom styles when displaying Google Maps on your site. You can customize which elements are displayed, select their colors, size and much more. Toolset Maps allows you to easily use this custom styles when displaying maps.

Toolset allows you to set a default map style for your site and also to select a style per map, which overwrites the default one. The following two images show examples of different styles.

Map using the “Silver” custom styleMap using the “Lost in the desert” custom style
Map using the "Silver" custom styleMap using the "Lost in the desert" custom style

 

Creating a Custom Style File

To create your custom map style, or get ready-to-use ones, you can use Google’s Styling Wizard or Snazzy Maps, for example. Details on how to use these sites is beyond the scope of this page, however, a simple online search should provide you with many tutorials.

Both sites eventually present you with a generated JSON code. The following image shows how this looks like in Google’s Styling Wizard.

A styling file generated using Google Styling Wizard
A styling file generated using Google Styling Wizard

You need to copy this code and paste it into a text editor of your choice. Then, save the file with the .json extension, for example:

  • black-and-white-map.json

Changing the Default Map Style for Your Site

Go to the Toolset -> Settings page, click the Maps tab and scroll down to the Map styles section.

Use the Default map style dropdown to select a style. By default, you can select from three classic Google Maps styling: Night, Silver, and Standard.

Use the Upload a different map style (JSON file) button to upload a file created through steps explained in the previous section.

Selecting a Custom Style for Specific Maps

When inserting a map into your pages or templates, you can select the style specifically for that map.

Click the Fields and Views button and select to insert a Map. In the dialog that appears, click Map style and marker icon tab, then scroll to the Map style tab.

Again, you can use the dropdown menu to select a style from the ones already present in your site. To upload a new style file, click the Upload a different map style (JSON file).