Automatically zoom and display pop-ups of selected map features in ArcGIS Experience Builder

Summary

In ArcGIS Experience Builder, the interaction between the Map and List widgets can be configured to display pop-ups of selected map features. Configuring widgets to automatically zoom and display selected feature information improves workflow efficiency and reduces time spent on spatial data exploration. This article describes the workflow to automatically zoom and display pop-ups of selected map features in ArcGIS Experience Builder.

Procedure

1. In ArcGIS Experience Builder, click Create new and click Create on the preferred template card.
2. Add the Map widget to the canvas and configure it.
   1. In the Insert widget panel, on the New tab, under the Map centric group, drag and drop the Map widget onto the canvas.
   2. In the Map panel, click Select map.
   3. In the Select data panel, click Add new data.
   4. In the Add data window, navigate to and click the preferred web map. Click Done.
   5. In the Select data panel, click the added web map and close the panel.

3. Add the List widget onto the canvas and display data from the web map in a list view.
   1. In the Insert widget panel, on the New tab, under the Data centric group, drag and drop the List widget onto the canvas.
   2. In the List panel, on the Content tab, select the preferred template and click Start.
   3. On the Content tab, click Select data.

4. In the Select data panel, click the same data used in Step 2 and close the panel.
5. On the canvas, in the List widget, double-click the nested Text widget and click Dynamic content.

6. In the Dynamic content panel, on the Attribute tab, select the preferred data field to be displayed in the List widget. In this example, 'Restaurant' is selected.
7. Close the Dynamic content panel.
8. Click Save.

4. Configure the List widget to automatically zoom to the selected map feature. Refer to How To: Automatically zoom in to the selected features from the List widget in ArcGIS Experience Builder for instructions.
5. Select the Map widget. In the Map panel, on the Content tab, scroll down and check the Show pop-up upon feature selection option check box. This automatically opens the pop-up when the List widget zooms into the map feature.
6. On the builder toolbar, click the Save button to save changes and click Publish.

The image below shows the automatic interaction between widgets to zoom and display pop-ups of the selected map feature.