ESRI ArcGIS Web Map Integration

The Esri ArcGIS integration allows you to add an element to a form and enter a public web map identification number to integrate the map on the form. There is no setup needed on the Integrations page. To use the integration, you will only need to add the ESRI ArcGIS Web Map element to a form.

Instructions

1. Sign in to your site

2. Navigate to the Forms tab and select your desired form or create a new form

3. Navigate to the Builder tab

4. Click Add New Element

5. Scroll down and select the Esri ArcGIS Web Map element

6. Fill out the element details

   • Label: Add a name for the element

   • Web Map ID: Enter the public web map identification number. This can be found after the "id" in the map URL.

     Note:

     If you do not populate the Web Map ID field, a generic map will display.

   • Basemap ID: Enter the identification number for your basemap

   • Allowed Drawing Tools: Select the tool(s) you want to allow users to use to draw on the map

     • Edit Graphic Button Attributes: Configure a list of options per drawing tool type, which will be displayed to the user when that drawing tool is selected. The option the user selects will be stored as an attribute on the drawn graphic.

   • Show Layer Panel By Default: Enable to show a layer panel for the map

   • Show Address Search Widget: Toggle on to show the search widget on the map

   • Show Home Widget: Toggle on to show the home widget on the map

   • Show Measurement Dimensions: Enable dimensions on polyline and polygon drawings

   • Show Capture Image Button: Capture a snapshot of an ESRI Map so that it can be used in submission data and when displaying in the PDF. Set the minimum and maximum number of images that can be captured. If needed, customize the look of the capture image button.
     

   • Required: Make the element required for submitting the form

   • Read Only: Set the field to "read-only" (not allowing user input)

   • Display a hint: Add a hint to allow the label to have more instructions. You can choose to have the hint displayed as a tooltip or below the element label.

   • Show Conditionally: This option is used when you want the element to only be shown under a certain condition

   • Advanced:

     • Name: This is what the element will be named when submitting data (not visible to users)

     • CSS Classes: Add CSS classes to the element

     • Meta Data: Enter JSON above to add custom configuration to this element for your developers to consume

7. Click Save

8. Your map will now show on the form