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; } } }

disable Scroll wheel zoom embedViewer

ChrisSeeger

With ArcGIS.com you can get the iframe code to embed the viewer in your own HTML page. I was wondering if there was a way to disable the scroll wheel zoom by passing a parameter in the URL string?

Najděte více příspěvků označených jako

Accepted answers

All comments

khutchins

Which app are you using? Which app builder?

AJ_devaccount

Hi @KellyHutchins , is disable scrolling possible in an embedded web app? It's created using the App Builder

David_Roth

Hi Tina,

There is another question I have regarding the template.

One of the map journals for Mega Cities

<http://storymaps.esri.com/stories/2014/growth-of-cities/> developed by

ESRI includes a mini-map in the header of the content bar on the left side.

We would like to have the same functionality for our template, since we are

using the same map journal template, but could not figure out yet how to

embed the mini-map into the bar.

You can find our journal here <http://tcc.greenpeace.or.th/>, it would be

great if you could tell us how this can be done.

Thank you very much in advance and I am looking forward to hearing from you.

Best,

David

khutchins

David,

The url parameter to disable zoom when scrolling is not available for all templates. If you are hosting the Storymaps template on your own web server you can update the code to disable scrolling using code like this:

this.map.disableScrollWheelZoom();

David_Roth

Anyway, i have try kelly's iframe settings but it does not works for me. It looks like it works only for simple maps but does not works with maps embed in Arcgis story map applications like this one for example : The Age of Megacities

TinaGrant

In the map you link to scrolling-to-zoom is *not* deactivated. Am I missing something?

khutchins

In the new embed, included in the last release of ArcGIS Online, you can disable scroll wheel zoom using the undocumented disable_scroll url parameter. Set this to true and it will disable the scroll wheel for zooming.

Here's an example:

David_Roth

Hi, im reactivating this thread to know if any recent changes has been added to ESRI iFrame in order to control behavior of the zoom and scale options ? I have similar issue as Chris and Andrew and really hoped to find a way to fix this for my website...

Thanks in advance!

deleted-user-ATjHIWsdQYmT

How about displaying a static map image that someone can click to activate?

Mike

I like having the interactivity of clicking on the map and showing a popup within my webpage as opposed to linking out to another page.

MikeMinamiP1

How about displaying a static map image that someone can click to activate?

Mike

deleted-user-ATjHIWsdQYmT

This would be a nice option to add. I have a map embedded in a webpage. If a user uses the mouse wheel to scroll up/down the page and passes over the map, the map then zooms in/out. It becomes a bit of a nuisance.

deleted-user-ATjHIWsdQYmT

MikeMinamiP1

Unfortunately, there is no way to disable zooming on the map. Maybe instead of embedding the map, you can simply take a snapshot as an image and display the image instead?

Thanks,

Mike

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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