topic Re: My web app's map zooms out automatically when embedded in web in ArcGIS Online Questions

My web app's map zooms out automatically when embedded in web

NinaRihn — Thu, 22 Feb 2018 16:19:10 GMT

I embedded my web app on a web page, but for some reason when embedded, its web map automatically zooms way out so the user can't see the points unless they zoom in manually. I tried adjusting the initial map extent in the app, but that didn't work. How can I make it not automatically zoom the map out like that?

Re: My web app's map zooms out automatically when embedded in web

KellyGerrow — Fri, 23 Feb 2018 00:38:40 GMT

When you open the supporting web map, adjust the visible extent and zoom level to your desired view and save the web map. The embedded map should be using this extent when the map loads.

If this doesn't seem to be applying, can you share your web map link?

-Kelly

Re: My web app's map zooms out automatically when embedded in web

NinaRihn — Fri, 23 Feb 2018 14:16:31 GMT

Thank you for your response, Kelly.... that isn't working for me. I can't send you the web link because it is on our development web server, however I below are snapshots of the three initial extents (app, map, and web page).

do I need to maybe update the embed HTML string too or something?

Map:

App:

Web page (it zooms out beyond the point layer's max extent so one can't even see them without zooming in)

Re: My web app's map zooms out automatically when embedded in web

NinaRihn — Fri, 23 Feb 2018 14:18:00 GMT

OK my images didn't come through so I am just going to attach them to this post

Re: My web app's map zooms out automatically when embedded in web

NinaRihn — Mon, 05 Mar 2018 18:48:39 GMT

actually Kelly, while I can't send you the web page link, I can send you the agol web map and web app links... I just misread your question.... here you go:

map: https://wi-dnr.maps.arcgis.com/home/webmap/viewer.html?webmap=4bba703f7c884f02a8c9f01c533de1bb

app: https://wi-dnr.maps.arcgis.com/apps/webappviewer/index.html?id=b7b8ca7ec306401191006e08c7111446

any suggestions you might have would be much appreciated!

Re: My web app's map zooms out automatically when embedded in web

KellyGerrow — Mon, 05 Mar 2018 20:34:08 GMT

Hi Nina,

The app and the web map appear to have the extents set correctly. Are you inputting and url parameters to specify the extent when you embed the app?

-Kelly

Re: My web app's map zooms out automatically when embedded in web

NinaRihn — Mon, 05 Mar 2018 20:50:48 GMT

no, I didn't specify any extents because I figured it was an app I was embedding; not really a "map".....this is what we used to embed it:

But now in the map, when I click Embed in website , I get this extra stuff....

even though it's an app I am embedding, am I supposed to leave this stuff in there?

Re: My web app's map zooms out automatically when embedded in web

MarkHoyland — Mon, 05 Mar 2018 21:41:13 GMT

When you embed your map or app it maintains its extent. The problem is that the Zoom Level is changing. So on a smaller screen to maintain your extent, the zoom level might have to go to level 3. To overcome this you can use the 'level' url parameter when you embed the map or app within an iframe. Your points only start displaying at zoom level 7.

For your app:

for your map:

You can test them out in Tryit Editor v3.5 play with some of the settings.

Re: My web app's map zooms out automatically when embedded in web

NinaRihn — Tue, 06 Mar 2018 16:57:10 GMT

Thank you Mark.....Using the &level=7 worked!