Configuring Google Maps based widgets in form

  • jfdlaureano
    Asked on March 1, 2019 at 3:43 PM

    I am testing adding Google distance calculator and address autoacompletion.  Although I get no error when I set the API Key, the autocompletion does not seem to do anything.

    Do I need to have a paying plan for this functionality to work?

     

    Thank you.

  • Alan_D
    Replied on March 1, 2019 at 5:26 PM

    All JotForm integrations, tools, features are free!
    There is no difference between paid and free accounts in this way.
    You can use all widgets and apps freely.
    Here is our pricing page. You can check to see paid and free account differences.
    Please feel free to ask anything.

  • jfdlaureano
    Replied on March 1, 2019 at 5:36 PM

    Thank you for the clarification.  I am setting up the value shown below in the field Google Maps API Key

    <script async defer src="https://maps.googleapis.com/maps/api/js?key=MY API KEY FROM GOOGBLE” type="text/javascript"></script>


    Can you confirm this to be the correct value?  Entering the key by itself results in an error.

     



  • Alan_D
    Replied on March 1, 2019 at 6:14 PM

    You must create Google API key to use these widgets.
    Configuring Google Maps based widgets in form Image 10
    After that insert your API key into widget as shown:
    Configuring Google Maps based widgets in form Image 21Please follow the instructions on Google API page.


  • Joaquim
    Replied on March 1, 2019 at 7:36 PM

    I have the key.  If I enter the key as you show the form show a message "oops something went wrong".

    I will check other forms to check if this type of functionality works better.

    Thank you for your support.

  • Mike
    Replied on March 1, 2019 at 10:14 PM

    If this is still not working right in some specific form, provide us with a form link so we will be able to take a look.

    To make sure that both the Driving Distance and the Autocompleted Address widgets have access to the APIs, make sure that you have the next Google APIs enabled for your Google Maps API Key.

    Distance Matrix API
    Maps JavaScript API
    Places API

    Example:

    Configuring Google Maps based widgets in form Image 1 Screenshot 20

  • jfdlaureano
    Replied on March 2, 2019 at 11:43 AM
    I got it to work by setting no restrictions, which, as you might be well aware is a no, no.
    If I set HTTP restrictions to:
    * https://*.jotform.com/*
    https://*.jotform.com/90603761329154
    https://form.jotform.com/90603761329154
    https://form.jotform.com/*
    I know that I will have to set the paths with my own ID and form name, but if this does not work with the above restrictions I have to wonder if it will work well with my specific paths.
    ...
  • jfdlaureano
    Replied on March 2, 2019 at 11:43 AM
    I deleted my account yesterday, is it possible to restore it? Would like to use the same ID.
    ...
  • jfdlaureano
    Replied on March 2, 2019 at 12:43 PM
    This is what shows on the form: Oops! Something went wrong.
    ...
  • jfdlaureano
    Replied on March 2, 2019 at 12:43 PM
    Is there a need for the name fields to be so short? I would think that they still fit fine on the form if you add 10/30 more chars to each.
    ...
  • Mike
    Replied on March 2, 2019 at 3:43 PM

    Your account has been reactivated.


    Your other inquiries have been moved into separate threads:

    https://www.jotform.com/answers/1748714

    https://www.jotform.com/answers/1748715

    They will be updated shortly.