How to add Google map?

Posted in .

There are two methods in the7 which allows to add Google maps.

1) Default WPBackery page builder method

Google Map shortcode simplifies the process of Google map HTML code embedding. You are able to get required code here. Choose the appropriate location, click on the “Link” icon and copy content of the second highlighted field:

Fig. 1. Embed Link.
Fig. 1. Embed Link.
Fig. 2. Get Embed Link.
Fig. 2. Get Embed Link.
Fig. 3. Get Embed Link code.
Fig. 3. Get Embed Link code.

In order to insert the shortcode, open the required page (or a post) in the editing mode and click the appropriate icon:

Fig. 4. Use Google Map element.
Fig. 4. Use Google Map element.

Google map shortcode dialogue window will appear. Insert the code into the appropriate field:

Fig. 5. Add embed code.
Fig. 5. Add embed code.

2) Using Ultimate Addons element for Google Maps

Fig. 6. Ultimate addon Map element.

Fig. 6. Ultimate addon Map element.

Add the appropriate Longitude and Latitude to the text boxes:

Fig. 7. Add Long/Lat information.

Fig. 7. Add Long/Lat information.

NOTE: If you’re using the 2nd method, it is required to add Google API Key, see here for more details.

Fig. 8. Enter API Key.

Fig. 8. Enter API Key.

0