Hi,
I've worked on a similar use case recently using ArcGIS Experience Builder Developer Edition, and here’s what I’ve learned:
Unfortunately, the hosted ArcGIS Online version of Experience Builder doesn’t currently support auto-populating the Directions widget based on dynamic selections from a List widget. Users still have to manually add stops, and route optimization (e.g., shortest path across multiple locations) isn’t available out of the box.
To achieve what you're aiming for—automatically generating and optimizing a route when one or more stores are selected from the list—you’ll need to use the Developer Edition.
Here’s a high-level approach:
Listen to the List widget's selection: Capture the selected store locations.
Use the ArcGIS REST Routing Service via the ArcGIS API for JavaScript or REST JS to compute the route.
Enable optimization by setting:
findBestSequence = true
preserveFirstStop = true
Display the resulting route on the map using a GraphicsLayer.
Example (Developer Edition):
Using RouteTask from the JS API, you can pass selected store geometries as stops and get an optimized route. Here's a simplified snippet:
const routeParams = new RouteParameters({
stops: new FeatureSet({ features: selectedStoreGraphics }),
findBestSequence: true,
preserveFirstStop: true,
returnRoutes: true
});
routeTask.solve(routeParams).then(result => {
// Add result.routeResults[0].route to the map
});
This lets you build a fully dynamic experience: when the user selects stores, the route automatically appears on the map—optimized and ready.
If you're new to the Developer Edition, I recommend starting with the official SDK and exploring custom widgets. Feel free to DM me if you’d like a working widget template or more detailed examples!
Hope this helps,
Venkat
