Autocomplete Map Field Loading Delay Issue

Hello Support Team,

I’m experiencing an issue with the autocomplete map field in my Jotform form. The address autocomplete functionality is loading quite late after the form is rendered, which is affecting the user experience.

There is a noticeable delay before the suggestions appear, and sometimes users try to type the full address before the autocomplete becomes active.

Could you please help me understand:

• Why the autocomplete map field is loading late?
• If there are any recommended optimizations or settings to improve its loading speed?
• Whether this is related to how external scripts (like Google Maps API) are being loaded?

If needed, I can share the form link or additional details.

Looking forward to your assistance.

Thanks
Martin

Hi Martin,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

The delay in loading the autocomplete map field in your Jotform form is often related to how the external scripts, such as the Google Maps API, are loaded and initialized. Since the autocomplete functionality is powered by Google Maps, it depends on the API key and the loading of the Google Maps services.

Here are some key points and recommendations to improve the loading speed and performance of the autocomplete map field:

• Google Maps API Key Setup: Ensure you have your own Google Maps API key set up properly in the widget settings. Using your own key helps avoid hitting usage limits on the default key, which can cause delays.
• Enable All Required Maps APIs: Make sure all necessary Maps APIs are enabled in your Google Cloud Console, such as Places API for autocomplete functionality.
• API Key Restrictions: Set up proper restrictions on your API key (HTTP referrers) to avoid unauthorized use and ensure smooth operation.
• Geolocation Feature: If you are using the Address element with autocomplete in Jotform Cards, enabling the geolocation feature can enhance user experience by autofilling the address based on the user's location.
• Loading Time: The autocomplete suggestions load after the external Google Maps scripts are fully loaded, which can cause a noticeable delay especially on slower connections or if the API key is not optimized.

These factors are directly related to how external scripts like the Google Maps API are loaded and initialized in your form. Optimizing your API key setup and ensuring all required services are enabled will help reduce the delay.

If you want, you can share your form link or additional details, and I can help you check the setup.

Give it a try and let us know how it goes.

This is the form link
https://form.jotform.com/250193582985064

Hi Martin,

Thank you for sharing your form link. I reviewed the information related to the autocomplete map field and its setup in Jotform.

The autocomplete address functionality in your form is powered by the Autocompleted Address widget, which uses Google Maps API. The loading delay you experience is typically due to how the Google Maps API scripts load and initialize after the form renders.

Here’s how you can optimize and improve the loading speed:

• Use Your Own Google Maps API Key: Ensure you have entered your own Google Maps API key in the Autocompleted Address widget settings. This helps avoid delays caused by usage limits on the default key.
• Enable All Required Maps APIs: In your Google Cloud Console, enable all necessary Maps APIs, especially the Places API, which is essential for autocomplete functionality.
• Set Proper API Key Restrictions: Restrict your API key by HTTP referrers to your domain(s) to prevent unauthorized use and ensure smooth operation.
• Enable Geolocation Feature (If Applicable): If you are using the Address element in Jotform Cards, enabling geolocation can autofill the address based on the user's location, improving user experience.
• Clear Form Cache: Sometimes clearing your form cache in your Jotform account settings can help with loading issues.

These steps address the common causes of loading delays related to external scripts like Google Maps API and optimize your form's performance.

For detailed instructions on setting up the API key and enabling geolocation, you can refer to the Jotform help guides:

• How to Get Google Maps API Key for Jotform Mapping Widgets
• How to Enable Geolocation in Jotform Cards

Give these optimizations a try and let us know if you continue to experience delays or need further assistance.