Create a Google Map for Contact Information

Please follow these steps for creating Google maps for your contact information.

1. Make sure that Comprehensive Google Map Plugin is installed and activated.

2. Go to “Shortcode Builder” option

gmap1

3. Fill the form and please make sure that you set the correct values highlighted in red box on below screenshots.

gmap2

 

Enter Map Style

You can get Google Map style array at snazzymaps.com

gmap3

 

To get the same style as shown on Reverzo demo site, you can check Lunar landscape style or enter the following style below into the box.

[
 {
 "stylers": [
 {
 "hue": "#ff1a00"
 },
 {
 "invert_lightness": true
 },
 {
 "saturation": -100
 },
 {
 "lightness": 33
 },
 {
 "gamma": 0.5
 }
 ]
 },
 {
 "featureType": "water",
 "elementType": "geometry",
 "stylers": [
 {
 "color": "#2D333C"
 }
 ]
 }
]

Hide and disable all of the following options

gmap4

Here is the most IMPORTANT step, please select an icon and enter your location information.

gmap5

Make sure to hide and disable the following option

gmap6

Finally, we finish setting up.

The fun part is to click the generate button.

gmap7

and click save

(DO NOT copy the code here. Just click save)

gmap8

 

 

Apply the Generated Google Map to Contact Information Settings

Now, we already have a google map generated.

Go to the option below to get the code (Copy the code here)

gmap9

Go to Theme option ->Contact Info Settings

gmap10

Enter the generated shortcode into Google Map Shortcode option and  ‘Save’ it!

gmap11

Now, your map is successfully set up.

If you need another map for another office/location, please repeat all steps above again to create a another shortcode and save it for another contact information.