ArcGIS Experience Builder

Recreating Near Me workflows in Experience Builder

With the February 2024 update of ArcGIS Online, the Near Me widget added some great enhancements. We added some functionality that used to be in Web AppBuilder Near Me, Info Summary, Situation Awareness and Screening widgets. We have implemented list virtualization to improve performance, added map symbol support to show map symbol in the widget panel and many other enhancements.  Please visit this community post if you want to learn more about what is new in Near Me in February 2024 ArcGIS Online update. As you migrate to Experience Builder, you can leverage these new functionalities for your Near Me workflows in Experience Builder.

Let us assume you have a Web AppBuilder app that is used by the public to locate nearby parks and obtain information about the available recreational activities in each park. You want to migrate this app to Experience Builder. Here’s how to do it in four steps:

Create a new app

First, you’ll create an app in Experience Builder:

  1. Sign into your ArcGIS account.
  2. From the Content page, click Create app and click Experience Builder.
  3. Click Create New.
  4. Choose a mapcentric template and click Create.

See an example of an application using the Blank fullscreen template.

  1. In your app, add a Map widget. Near Me is mapcentric widget, so you need to add at least one map with a feature layer.

For my app, I chose a map that has park and recreational activity features.

  1. Add the Near Me widget to your app and connect it to the map.

Add and configure the Search widget

You want to provide the option for users to set an address or a location and find which parks are nearby, or for them to search a park and obtain information about different activities available.

  1. Add the Search widget into the map.
  2. Click New search source
  3. Click on Locator source, then click on Select utility and select a geocode locator. In the sample application I used ArcGIS World Geocoding service.
  4. Click New search source again and configure a Layer source. I used Parks feature layer.
  5. Make sure that Enable filtering for layer source search is turned off if you configure a feature layer.
  6. Expand Search result and check Auto select the first result. 
  7. On the Action tab, click Add a trigger.
  8. Select Record selection changes as a trigger.
  9. Select Near Me as a target from the Widgets list and Set location as an action to use the searched location as an input location in the Near Me widget.

 

Near Me search widget configuration

Add and configure the Filter widget

Next, you’ll add a way for users to filter your map for specific criteria,

  1. Add a filter for each criterion. In my sample application, I included filters for accessibility, RV camping, swimming, picnic, and fishing facilities.
  2. Make sure AND is selected to specify that all filter criteria must be true.
Filter widget configuration

3. Select arrangement style Icon and activation style Toggle switch from the content tab of the widget.

Configure the Near Me widget

Now that you’ve created your app, you’ll configure the Near Me widget by configuring the map, search, and analysis settings.

Configure Analysis Settings

  1. Click the Near Me widget.
  2. In the Content panel, under Analysis Settings, select your map.
  3. Click the map to configure its settings.

Define a search method

  1. Make sure Specify a location is selected.
  2. Set the default Search distance and Distance units. Because users want nearby results, I set my default distance to 15 miles.
  3. Turn on Filter layers to only show results to filter out features that are not included in the analysis results.

Configure Analysis for layers

Setting up analysis is the key step when configuring the Near Me widget, the widget will not work until at least one analysis is configured. To configure the analysis settings for layers, follow these steps:

  1. Click Add Analysis
  2. Select the layer
  3. Change the Label. I changed my label to Nearby parks.
  4. From the Analysis Types , choose Proximity.
  5. From the Display field dropdown, choose a field to use as feature title, In the sample app I chose Facility Name.
  6. Optionally choose to turn off Highlight result on map, or if you want to keep this option on, you can optionally change default Highlight color. I turned it off in the sample application.
  7. Enable Expand analysis results to expand the list.
  8. Save the app.
Near Me Proximity analysis configuration

Configure message action

In October update we added support for Near Me to emit message action to communicate with other widgets. In your app, you can set up message action so when user clicks on a single feature from the result list in Near Me, the map will zoom and flash to that feature.

  1. Click on the Action tab in Near Me widget
  2. Make sure Message action tab is selected.
  3. Click on Add a trigger
  4. Select Record selection changes
  5. From Widgets list, select Map.
  6. Select Zoom to as an action
  7. Make sure that  your layer is listed in the Trigger data section, optionally set custom zoom scale. Close Action Settings tab.
  8. Click again on + Add action button again and add flash action. Make sure to select your layer for Trigger data and Action data.
  9. Save app.

Find nearby parks

Finally, you’ll verify that the Near Me widget works as expected.

  1. Launch the app.
  2. Click the Filter widget and turn on a filter.

If your map filters to show only facilities that meet your search terms, great! I chose to filter for fishing facilities. After filtering, only the parks that have fishing available are shown on the map. You can search a location using search widget to use the location as an input in the Near Me (Beta) widget. As an alternative, a user can drop a point to find nearby parks within the search distance and obtain detailed information about those parks.

Park Locator runtime experience

Related resources:

6 Comments
Oldest
Newest
Inline Feedbacks
View all comments

Next Article

Crafting conservation stories — protecting our planet, one story at a time

Read this article