Fixed Zoom Extent in Map Tour Application & Carousel Customization

JohnDakarian

Hello,

I downloaded the configurable map tour application and I am currently hosting it on a server, and the application is drawing the data from an arcgis webmap, via webmap id. Is there anyway I can limit the zoom extent so a viewer cannot zoom out of the default extent presented upon loading the application?

Also is there anyway to have a separator (black line) between specific thumbnails in the carousel?

Here is my application http://www.gisconsortium.org/WebApps/StoryMaps/MGP/EmployeeProfiles/MapTour/index.html

Thank you,

John

GregoryL_Azou

Hi,

Yes, you would need to modify the application.

To limit the zoom extent, you need to follow the developer instructions and edit app/storymaps/core/Core.js to include the maxZoom property to the arcgisUtils.createMap call.

To style the carousel, apply those instructions with a CSS like:

#footerDesktop .carousel li:nth-child(2) {
  border-right: 2px solid #CCC;
}