Google Maps Integration

  • Updated on Jul 14, 2025
  • 2 minute(s) read
Prev Next

The Google Maps integration allows you to use the Google Address Element to search addresses, removing the need to manually add an address. For information on Google Map API Key pricing please refer to the Maps Platform Pricing Page.

To use the Google Maps integration you will need to provide a Google Maps API Key. Below are step by step instructions on how to create a Google Maps API Key and configure the integration within your account.

Set Up the Integration

  1. Navigate to the Google Cloud APIs and Services menu

  2. Click Enable APIs and ServicesEnable APIs and Services button.

  3. Search for and select the Maps JavaScript API, Maps Static API, and Places APISearch APIs and services.

  4. Click EnableEnable Button.

  5. Navigate to the Google Cloud Console Credentials menu

  6. Click the Create Credentials button and select API Key from the drop-down Create Credentials button with the API Key option selected in the drop-down.

  7. This will create the key in your list of API Keys, click on the key to begin editing it Google Edit API Key.

  8. Give the key a NameGoogle Name API Key.

  9. We recommend adding some Key restrictions to ensure that your key can only be used in the forms and apps you designate. To add a restriction click the Websites option. Restrictions Websites.

    Note: For more on restricting your API key check out the help provided by Google on how to restrict your API key to specific websites.

  10. Click Add under the Website restrictions sectionWebsites Add.

  11. Enter the Website URL of your app and click DoneEnter Website.

    Note: If you are embedding your form on another website ensure you add the domain of your website to the available URLs. You will also want to add the URL of any apps that you will be using the integration with. Add an asterisk at the end of the URL, for example: https://support-administration.app.transform.civicplus.com/* to include any variations.

  12. Click Restrict key under the API restrictions section Restrict API key.

  13. For the API restrictions you will want to restrict the Key to only the required APIs. These include Maps JavaScript API, Maps Static API, and Places API. Restrict API key selections.

  14. Now that your Key is configured, click Save Save key.

  15. Copy your API Key Google Copy API Key.

  16. Open your Process Automation and Digital Services account and navigate to Advanced Tools, IntegrationsIntegrations Menu.

  17. Select Setup Integration on the Google Maps Integration card Google Maps Setup.

  18. Enter the Label for your Key and paste the API Key copied from Step 11 Google Maps Key.

    Note: You can add multiple Keys if needed. Click the Add Key button to add another key. You will be unable to view the API Keys after saving the integration.

  19. Click SaveGoogle Maps Save.

Add the API Key to Apps & Forms

  1. Navigate to the Apps menu Apps menu.

  2. Select Manage on the app Manage App.

  3. Navigate to the Developer Tools tab Developer Tools tab.

  4. Toggle on Use custom Google Maps API Key and select the key from the drop-downUse Custom Google Maps Key.

  5. Click SaveSave app.

  6. Now that your app is configured you can select the Google Address element in the Integration Elements section of the form builder Google Address Element.

    Note: The integration will not show up in the Form Preview at this time.

Related articles