Configure and Integrate Google Maps

Embedding Google Maps on your site helps people find important locations (such as a TeamRaiser event location). Although you can have only one map on a page, you can plot several locations on the same map. Each location is identified on the map by a colored marker along with a text area shaped like a balloon that identifies the location and links to directions.

You can customize certain elements of the map, such as the location marker color, the map width and height, and the zoom viewing level.

To add a Google map to your site, you must obtain two Google Map API Keys: one for your secure, administration site, and one for your user-facing, non-secure site. Then you'll add the keys in the GMAP_API_SECURE_KEY and GMAP_API_INSECURE_KEY site options.

Integrating Google Maps with your site involves the following steps:

Because Google is a third-party product, their UI and site locations are subject to change without our knowledge. The links and steps described here may not be up-to-date. If so, refer to Google's documentation for additional help.

  1. Log on to the Google API Dashboard to obtain a secure and non-secure key. See Using API Keys on Google.com site for more information.

  2. Click Services in the left-hand pane. The All Services list displays.

  3. Activate the appropriate version of the Google Maps API (v2 or v3) by moving the slider in the Status column to On.

  4. Click API Access in the left-hand pane. The API Access window displays.

  5. Enter the URL of your secure, administrationLuminate Online site URL in the My Web Site URL field and click Generate API Key.

  6. Copy the string; later, you will enter it in the GMAP_API_SECURE_KEY site option in Luminate Online.

  7. Repeat steps 5 and 6 using your non-secure, user-facing Luminate Online site URL, to generate the API key for the GMAP_API_INSECURE_KEY site option.

  1. Click Setup > Site Options. The site options display.

  2. Select All and click Go in the Select a Site Option Group to view field.

  3. Enter the non-secure key for the GMAP_API_INSECURE_KEY option and the secure key for the GMAP_API_SECURE_KEY option.

  4. Click Save. You have successfully added Google map API keys to your site.

  1. Click Setup > Site Options. The site options display.

  2. Select All and click Go in the Select a Site Option Group to view field.

  3. Set the GMAP_ENABLED option to TRUE and click Save. You have successfully enabled Google Maps for your site.

Step 4: Add a Google Map to a Pagebuilder page