PVII Page Helpers: Google Map Wrapper

Adding a Google Map to your web page

Before you open the Google Map Wrapper interface, you need to get the embed code from Google.

Getting the Google Map Embed Code:

On a computer, open Google Maps in a browser. Enter your destination address or the name of a landmark (we chose Yankee Stadium for our map example).

Click the Share Link, then the Embed tab.

Copy the iframe code displayed.

Insert a Google Map on your page

Right-click on your page where you want the Map to appear and choose PVII HTML Toolkit > Google Maps Wrapper...

The UI will open.

Paste the iframe you copied from Google into the Embed Code box.

Set Styling options and a User Class (if you'd like).

Click OK.

A responsive Google Map will appear in your page when the page is viewed in a browser.