nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Use URL Parameter to Zoom to Feature?

JessicaWeinberg

The Interactive Legend Instant App allows the use of URL parameters, but I can only figure out how to use them to highlight a feature/open its pop-up. How can I get it to also zoom in to that feature specified in the URL?

Basically, I'm looking for functionality equivalent to what's available in the Basic Viewer Configurable App, since it seems like Configurable Apps are being retired. If it isn't to be found in Instant Apps, is there another App I should try?

Find more posts tagged with

Interactive Legend

Accepted answers

khutchins

In the meantime you can use the level url param to specify the zoom level you'd like the app to zoom to when it loads. Here's an example of that url param in action:

https://jsapi.maps.arcgis.com/apps/instant/media/index.html?appid=0696bb9aa10e42ab9860fd48be04517c&license=8002057&level=14

All comments

ArmstKP

Couldn't agree more. This still isn't available in the sidebar app

RyanBohan

Hi Kelly,

Thank you for the tip, I will test it out.

khutchins

With the find url param it's getting the first search result (in this case from the World Geocoder) and displaying that instead of using a more accurate match from one of the other locators. We'll look into improving that behavior in a future release.

But in Sidebar you might be able to get what you want by setting up a custom url parameter. In the app configuration if you search for URL you'll see an option to setup a custom url param by specifying a parameter name and then choosing the layer and field the value comes from. In this example I set up a parameter called apn and use the APN field from the San Diego Parcels layer: https://jsapi.maps.arcgis.com/apps/instant/sidebar/index.html?appid=903d7cc412a8488f90c79d9bd49a3f2f&apn=5344400600

RyanBohan

Does instant apps not support URL Parameters in the same way as webapps?

In the class webapps, you could use a URL with &Find-....

https://webmaps.sandiego.gov/portal/apps/webappviewer/index.html?id=e05946e66cf24272af5dd779195317ff&find=Keenan%20Hartsten

When the map loaded, it would zoom to the location and open the pop-up.

Trying to repeat the functionality in SideBar Instant app

https://sandiego.maps.arcgis.com/apps/instant/sidebar/index.html?appid=75f6a5d68aee481f8ff48240bcaa1239&find=5344400600

The map does not zoom, the pop-up does not appear, only places a circle for the location.

If I use the search function directly

The map behaves like webapp classic, zooming into the location and loading the pop-up.

Zooming in manually and clicking is not ideal, as this map is showing parcels, which can be stacked.

How do I do this with a URL Parameters in Instant Apps in the same way we could in webapp classic?

RandyMcGregor3

Should query or showLayers work in Instant Apps?

RandyMcGregor3

Is there documentation that explains what parameters Instant apps will accept? I've only had luck with web app builder url parameters. If Instant Apps accept url parameters, the formatting seems different, because I have not had any luck.

Thank you,

Randy McGregor

khutchins

The JSAPI isn't important its just the org name. I don't have a license param added? Just level and center. Can you try enabling the share component in your app? If you do that you can zoom to the location where you want to map then use share to copy the url - the share component will generate a url with the center,level for that zoom location.

https://www.arcgis.com/apps/instant/sidebar/index.html?center=-118.1246;34.0892&level=14

CMV_Erik

Hello @KellyHutchins ,

Is the jsapi. prefix important? My app is secured and accessed via SAML users, so I normally put my organization there; if I don't include my organization, it doesn't recognized the logged in AGOL user, and the login prompt that comes up doesn't offer a choice for organization.

I notice you also used a a license parameter which I'm not familiar with; maybe that could help?

My app isn't shared with the public, but here's the URL minus our organization name: https://redacted.maps.arcgis.com/apps/instant/sidebar/index.html?appid=20b295f188eb43fd9e7da9e31ccd4bac&center=-13590935.4451,4495542.660000004,102000&level=20&find=20

khutchins

They work for me in this test app:

https://jsapi.maps.arcgis.com/apps/instant/sidebar/index.html?center=-118.1246;34.0892&level=14

CMV_Erik

Should this also work with the Sidebar app? The center and level parameters seem to be ignored for me in Sidebar, but work as expected if I use them directly against the underlying map. The find parameter works in either one.

BrightonC

Thank you for looking into making the custom parameters available on more apps, local government worker. I love the sidebar app, love the pop-up populating the sidebar but really wish there was a way to have the item in question selected on the URL.

khutchins

Yes we agree its definitely just a workaround. We are going to work on implementing zoom to feature as an option for a future release.

JessicaWeinberg

Thank you, I will do that for now. But different features will require different zoom values; it definitely complicates the process to have to specify that per feature.

khutchins

You should be able to accomplish the same with interactive legend by using the level url param. Here's an example:

https://jsapi.maps.arcgis.com/apps/instant/interactivelegend/index.html?appid=0696bb9aa10e42ab9860fd48be04517c&license=8002057&level=21

JessicaWeinberg

Great to know, thank you! Yeah, it looks like the Interactive Legend app URL parameter feature doesn't behave like it does in the Media app. The popup shows and the feature is highlighted, as in the Media app, but there is no zooming to the feature.

khutchins

In the meantime you can use the level url param to specify the zoom level you'd like the app to zoom to when it loads. Here's an example of that url param in action:

https://jsapi.maps.arcgis.com/apps/instant/media/index.html?appid=0696bb9aa10e42ab9860fd48be04517c&license=8002057&level=14

khutchins

We do have this capability in some apps like Media but I think that is what you were referring to when you said it opened the popup and highlighted the feature correct? Here's an example:

https://jsapi.maps.arcgis.com/apps/instant/media/index.html?appid=0696bb9aa10e42ab9860fd48be04517c&license=8002057

We can look at enhancing this capability to allow an option to zoom to the selected feature in a future release. Thank you for the feedback.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.