Setting Up Google Maps

In the Customizer go to General → Keys & APIs and paste your Google API key

Even though the API is free to use your Google Account must have a valid payment method.

Adding Map to Content

To do it really easy insert a new template. Choose maps and select either one of the full pages or a map section.

Then start editing or add an empty Google Maps element

Edit the element you just added and choose your preferred options

Now click in the + icon on the map container element to add a Map Marker.

Now add your content.

Only Marker Image is optional, the other fields Latitude, Longitude, Marker Title and Marker Description are required

Open Google Maps, search a location and click on any point. A box will appear at the bottom with the required coordinates.

Latitude is the first value, and Longitude is the second value. Add those to the markar element and save.

The map component has some predefined styles. But if you want to use a custom map style browse some designs or create your own in SnazzyMaps

Then, paste your code in the Google Map container settings

Enable the option on the Google Map container and save your preferences.