How to Add and Set up the Address Map Locator Widget on Your Form

Jotform’s Address Map Locator widget is ideal for forms that require users to pinpoint their exact location using an interactive map. Whether you’re collecting delivery addresses, event locations, or service areas, this widget enhances accuracy by letting users drag a marker or search for an address directly on the map. It captures not only the street address but also the coordinates, making it useful for logistics, mapping services, and any application that requires geolocation. With options to customize the default location and output format, it offers both flexibility and precision in gathering location data.

Here are a few ways to use it:

• Let users pinpoint their address on a map for accurate location capture.
• Help customers visually verify delivery or service locations.
• Allow users to search and select a location instead of typing full addresses.
• Collect precise map-based locations for bookings or service requests.
• Improve address accuracy by combining map selection with manual input.

Whether you’re creating a new form or updating an existing one, adding and setting up the Address Map Locator widget only takes a second—get started like this:

1. In Form Builder, click on Add Element on the left side of the page.

2. Now, in the Form Elements menu, under the Widgets tab, search for Address Map Locator and click on it. Or just drag and drop it to where you want it on your form.

3. Next, in the Address Map Locator Widget Settings menu that opens on the right side of the page, under the General tab, set up the following options:
   • Theme — Select from a variety of visual styles to change the appearance of the address boxes and match your form’s overall design.
   • Filter Results To — Set whether to have an auto-complete result for All Countries or just the USA in the Address input of the widget.
   • Google Maps API Key — Required for the widget to work correctly. Without it, the map will not load or appear on the form.
4. Once everything’s set, click on Update.

That’s it! You’ve now successfully added and set up the Address Map Locator widget to your form. Here’s what the widget would look like in your form: