topic Re: Zoom to Feature in Embedded Map in ArcGIS Online Questions

Zoom to Feature in Embedded Map

JacobDeuel — Mon, 20 Jun 2016 13:47:01 GMT

I am providing a web map to my co-worker (website administrator) for a project. The location of the project is dynamic and I need the embedded map to zoom to a feature instead of a set extent. Has anyone successfully done this?

Re: Zoom to Feature in Embedded Map

JacobDeuel — Mon, 20 Jun 2016 13:56:06 GMT

My goal is to avoid having to recreate the code every day as the project location is dynamic and the extent is changing daily. Zooming to feature would be awesome.

Re: Zoom to Feature in Embedded Map

JakeSkinner — Mon, 20 Jun 2016 14:10:34 GMT

Hi Jacob,

You can configure the search widget within the web map to search by layer. The user could search by an attribute and it will zoom to this feature.

Configure feature search—ArcGIS Online Help | ArcGIS

Re: Zoom to Feature in Embedded Map

KellyHutchins — Mon, 20 Jun 2016 19:59:00 GMT

Another option is to use the Minimalist configurable app. The Minimalist app is available in the configurable app gallery and can be configured to zoom to a specific feature via a url parameter. This app uses the same source code as the default ArcGIS Online embed app so it looks and acts the same.

Once you choose the Minimalist app from the gallery you can use the 'Custom URL Parameter' portion of the configuration panel to define the layer and field that contains the value you want to search for. In the example below we have a layer that has information about wildlife closures and I want to have the app zoom in automatically to a particular closure id. So I specify a url parameter name (this can be anything you want) and then select the layer (WildlifeClosures) and search field (ClosureID).

And here's the resulting test app. Note that when it loads it zooms automatically to the polygon with a closureId of 45.

http://www.arcgis.com/apps/Minimalist/index.html?appid=caa4ee44b9f34602a0dfaed8c7642d87&closure=45

Note that if you change the id in the url param and refresh the app it will zoom to the new location on page reload. For example here it zooms to closure # 16.

http://www.arcgis.com/apps/Minimalist/index.html?appid=caa4ee44b9f34602a0dfaed8c7642d87&closure=16

Re: Zoom to Feature in Embedded Map

NataliyaLys — Wed, 07 Aug 2019 18:50:53 GMT

Kelly,

I am working with Minimalist template, and I got the zoom to url parameters set up an it works great. But when I embed my Minimalist app into the Hub Site page, the URL parameter search is not working any more?

Here is a link to my minimalist app:

https://dogis.maps.arcgis.com/apps/Minimalist/index.html?appid=dfca485ecde1499593c31561d14425c2&site=Blair

And here is what it looks like when embedded:

Thank you,

Nataliya

Re: Zoom to Feature in Embedded Map

KellyHutchins — Wed, 07 Aug 2019 23:33:41 GMT

I ran a quick test embedding Minimalist (and also another configurable app Media) and the url params still worked. Here's my test:

https://codepen.io/kellyhutchins/pen/aeYdWR

Can you share the iframe you are using to embed? Mabye something is missing?

Re: Zoom to Feature in Embedded Map

NataliyaLys — Thu, 08 Aug 2019 13:35:06 GMT

I wonder in its an issue with the Hub Site Page handles embeded Minimalist app with the url parameters.

In my Site Page I just added an Iframe layout item, and them put the url in the Iframe Url field

Thanks,

Nataliya

Re: Zoom to Feature in Embedded Map

KellyHutchins — Thu, 08 Aug 2019 15:49:23 GMT

I wonder if it perhaps strips the url parameters. Is your site public? If so can you share the url and I'll take a look.

Re: Zoom to Feature in Embedded Map

NataliyaLys — Thu, 08 Aug 2019 16:03:07 GMT

Yes, It is a public site. (below is a link) Something else that I just noticed: I just tried this Page in the "Incognito" window and it works as expected! However if I try it in the regular browser window, when I am still logged in to my AGO, it would not zoom to location. I wonder if it has something to do with me being logged it to AGO? And that was the only why I tested it.

DCHD Air Quality

Thanks,

Re: Zoom to Feature in Embedded Map

KellyHutchins — Thu, 08 Aug 2019 16:42:04 GMT

If I look at the embedded map I don't see any url params that zoom to a location:

https://www.arcgis.com/sharing/tools/bridge?url=https://jsapi.maps.arcgis.com/apps/Embed/index.html?webmap=36398cdf4c6242638568050126a4ada0&extent=-96.7175,41.0222,-95.3613,41.6342&home=true&zoom=true&previewImage=false&scale=true&disable_scroll=true&theme=dark

The above parameters specify the web map, starting extent, add the zoom in and out buttons, disable a preview image, add a scalebar, disable zoom scrolling and set the theme to dark. One thing I did notice is that the app url is jsapi.maps.arcgis.com. Try changing it to www.arcgis.com so its not using an organization url. So your new url would look like this:

https://www.arcgis.com/apps/Embed/index.html?webmap=36398cdf4c6242638568050126a4ada0&extent=-96.7175,41.0222,-95.3613,41.6342&home=true&zoom=true&previewImage=false&scale=true&disable_scroll=true&theme=dark

Re: Zoom to Feature in Embedded Map

NataliyaLys — Thu, 08 Aug 2019 16:59:01 GMT

I am sorry, I gave you a link to my Hub site, instead of specific page in the site where i have the map embedded:

https://dchd-air-quality-dogis.opendata.arcgis.com/pages/site-blair

Re: Zoom to Feature in Embedded Map

KellyHutchins — Thu, 08 Aug 2019 17:05:47 GMT

Ok I see that the url param is included. But same issue with this url. Instead of using the organization url (https://jsapi.maps.arcgis.com) switch to www.arcgis.com so it's not using an org specific url.

https://jsapi.maps.arcgis.com/apps/Minimalist/index.html?appid=dfca485ecde1499593c31561d14425c2&site=Blair

https://www.arcgis.com/apps/Minimalist/index.html?appid=dfca485ecde1499593c31561d14425c2&site=Blair

or if not www at least switch it to your org url which I think is this?
https://dogis.maps.arcgis.com/apps/Minimalist/index.html?appid=dfca485ecde1499593c31561d14425c2&site=Blair