When the appropriate site option is enabled, you can embed a Google Map on your site to help people find a specific location (such as a TeamRaiser event), help people find multiple locations, or to provide directions to locations.
Each location will be identified on the map by a colored marker, along with a text area shaped like a balloon that identifies the location and contains a link to directions to the location.
You can customize the marker color, the map width and height, and the viewing zoom level.
Note: You can embed only one Google Map on a page. Do not insert a Google Map on a secure page to avoid potential security risks. For assistance with the Google Map site options, contact Support.
For information about adding a YouTube video, refer to Adding a YouTube Video.
To embed a Google Map in an open PageBuilder page:
-
In the WYSIWYG content editor window, position your cursor in the appropriate place.
-
Click
, Components. -
Click the first Extensions option > Google Map. The Embedded Component Selector for Google Map window opens.
-
For Map Pixel Width and Map Pixel Height, leave the set pixel size or change it to new dimensions. The default 300- by 300-pixels is roughly 3-inch by 3-inch square.
-
For Initial Map Zoom Level, leave the -1 setting to make the map automatically fit in the space provided at a comfortable view.
Note: Map viewers can change the zoom level with the zoom control tools.
-
For Zoom Control:
-
Leave the default Small pan and zoom control setting to offer the panning control tool in the top left corner of the map so the person viewing the map can move to other locations on the map by smaller increments and change the Zoom settings as appropriate.
-
Or, select the Large pan and zoom control setting to offer the panning control tool in the top left corner of the map so the person viewing the map can move to other locations on the map by large increments and change the Zoom settings as appropriate.
-
Or, select the Small zoom control setting to offer only the zoom controls that are typically used in the small map blowup windows for displaying driving directions steps on Google Maps.
-
In the Optional Controls, click the:
-
Map scale control checkbox to add a scale to the map.
-
Map type toggle control checkbox to add the buttons for switching between the drawn map and a Satellite map.
-
Collapsible overview map toggle control checkbox to add the ability to collapse an overview map in the corner of the map
-
In the Map Locations:
-
For the required Address, enter the street, city, and state of the location being mapped.
-
For Display Title, enter the title to display for this location in the text area balloon.
-
For Description, enter information to display in the text area balloon to the person who clicks this location on the map.
-
For Color, click the color for the location marker on the map.
-
To add another location, click Add More Locations and repeat Step 8. in the new Address section.
-
When you are finished adding locations, click Insert. The map displays in the WYSIWYG content editor window as a simple Google Map component.
-
To view the map, Save and Apply your changes. Click Preview. The map displays in a pop-up browser window.
-
Confirm that the map shows the locations correctly.
Note: To correct a typographical error in the address, click Source View and make your correction in the HTML code. For other errors, you may need to delete the component and start over with Step 2.