Select to view content in your preferred language

Use webmap bookmarks to display location-specific text in Experience Builder app

155
3
4 weeks ago
Heidi_Kristenson
Frequent Contributor

I would like to put together a simple app that uses the bookmarks saved in a webmap to present information to the user. I was looking for a template that would display the bookmarks. 

When a user selects a bookmark, I would like the app to zoom to that extent, and display descriptive text about that location. 

I've tried a bunch of different instant app templates, and a bunch of Experience Builder templates, and I have not been able to figure out how to link displayed text to the selection of a bookmark. 

It seems like this should be fairly straightforward. Does anyone have any suggestions? The closest I've gotten to the layout I want is the Ribbon Experience Builder template, but I just can't figure out how to add dynamic text that connects to a selected Bookmark. 

I've attached a screenshot of the layout I would like to use, if I could just figure out how to hook up the text components to the Bookmark selection.

3 Replies
JeffreyThompson2
MVP Regular Contributor

Have you looked at StoryMaps? The Map Tour Templates sound exactly like what you are trying to build.

To build this idea in Experience Builder:

  1. Create a point-type Feature Layer and use it's fields to store information for your side panel.
  2. Add the layer to your Webmap.
  3. In your Map Widget, create an Action to filter this layer by Map Extent.
  4. For your side panel, add a List Widget with the data from this layer.

Assuming your points are far enough apart that only one shows on the screen at a time, you could make a pretty slick presentation this way. You may also want to disable your user's ability to zoom or navigate the map manually depending on how much control you want to have over the user experience.

GIS Developer
City of Arlington, Texas
0 Kudos
Heidi_Kristenson
Frequent Contributor

Thanks for the ideas @JeffreyThompson2. I'd already started thinking that I might need to create a feature class to drive the extent selection rather than just using the webmap bookmarks. I'll look into that approach.  

0 Kudos
Heidi_Kristenson
Frequent Contributor

In the end, I combined the approach of using the Ribbon template to leverage the bookmarks, but added a feature service with icons that display in each of the bookmarks. Once a user clicks on a bookmark, they can click on the information icon to display a popup with the relevant information. 

I'm pretty pleased with how it turned out, as it allowed me to use the pleasing layout of the Ribbon template (and easily provide access the swipe functionality), while making it easy to provide access to the relevant content. While I'd still prefer that the relevant content be displayed automatically when a user navigates to a bookmark, this is a fine compromise that didn't require a lot of troubleshooting to accomplish. 

Heidi_Kristenson_0-1740108074096.png

Heidi_Kristenson_1-1740108171118.png

 

0 Kudos