Page Builder

Other articles in this category

Search More Content

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Add Custom Style to the Google Map Module

The Google Map module is an Advanced module and provides an option to add your own custom styles to the maps. Let us see how it can be done.

STEP 1: Customizing the Map’s Style

1. Go to the Map Style section and select the custom option from the style list. Once selected a text-box will appear with a link below it. Clicking this link will take you to the Styling Wizard‘s site for Google Maps.

 

2. On the Styling Wizard, you’ll see a welcome window. Click on the Create a Style button to start customizing the map styles.

 

 

3. Style the map and once done you’ll see another pop-up window on the screen. Click Copy JSON to copy the styling code.

 

STEP 2: Add the JSON code to the Map Widget

After copying the JSON code from the Map Styling Wizard go back to the Google Map Module and paste the JSON code into the text-box. Seconds after pasting the code you’ll see the styling applied to the map in the editor. Publish the Page to complete the setup.