How To Get Google Maps API Key for Jotform Mapping Widgets?

September 7, 2022

Jotform has a lot of mapping widgets available for your forms. We have a map widget that can display your business location, calculate the distance from the origin to the destination, or geo-stamp your form submission without users needing to input it. 

Jotform’s mapping widgets work with the default API key we have. However, we highly recommend setting up your API key to avoid interruptions. 

Having a separate key for the widget is recommended because once the default API key reaches its limit, there is no way for Jotform to notify you about it. If you own the key, Google will notify you if there’s an issue or your billing needs to be updated.

Here are the prerequisites before you can create the API Key:

If you’ve already set up the above, let’s go with creating and setting up the API Key.

Creating an API Key

To create the API Key:

  1. Click the Navigation Menu (hamburger icon) at the top-left of the Google Cloud dashboard.
  2. Under the pinned items, click APIs & Services.
  3. Click Credentials from the list of options.
google-cloud-api-and-services
  1. At the top, click the + Create Credentials button.
  2. Choose the API key from the options. You will have the API Key created at this stage.
google-cloud-create-credentials
  1. Copy the API Key as highlighted in the below image.

You must set restrictions if you don’t want to expose your API key outside the Jotform domains.

Setting up API Key Restrictions

To set up the restrictions:

  1. Click the Edit API key link at the popup shown in the last image above or go back to the main Credentials screen, and click the API key you have just created.
  2. Under Application restrictions, choose HTTP referrers (web sites).
  3. Under Website restrictions, add the domain based on your region from the below list, including the domain for widgets:
/*--- Jotform Domains --- */
*.jotform.com/* (Jotform main domain)
*.jotformpro.com/* (Old Premium/Pro account)
*.jotform.ca/* (Canada)
*.jotform.me/* (Asia)
*.myjotform.com/* (Africa)
*.jotformz.com/* (South America)
*.jotform.co/* (Others)
*.jotform.us/* (USA)
*.jotformeu.com/* (EU)

/*---Jotform Widgets ---*/
*.jotform.io/*
  1. Click the Save button, and that’s it!
google-cloud-api-restrictions

Notes:

  • It isn’t necessary to add all Jotform domains. If you’re from the US, we recommend both jotform.com and jotform.us.
  • If you are from the EU region or HIPAA account, you do not need to specify the EU and HIPAA domain as it is already part of the jotform.com item in the restriction list.

Enabling API for Maps

We recommend enabling all Maps API. Here’s how you can do that:

  1. Go to https://console.cloud.google.com/apis/library?filter=category:maps. This link filters the category from API Library to Maps.
  2. Click one of the Maps API.
  3. Click the Enable button.
google-cloud-enable-api

When enabled, the page will redirect you to the list of APIs under your Google Cloud account. Go back to API Library at step #1 and enable the other Maps API. You should see all enabled APIs under Google Maps Platform.

google-cloud-list-of-enabled-apis
Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comment:

Podo CommentBe the first to comment.