topic Re: Restore zooming after manual disable in ArcGIS JavaScript Maps SDK Questions

Restore zooming after manual disable

GregoryBologna — Thu, 09 Mar 2023 17:36:12 GMT

I found this code to disable zoom. Any idea how restore or undo disable zooming, including removing the stepPropagation event? I checked the events in Chrome dev tools event listeners, but couldn't find it.

Re: Restore zooming after manual disable

Sage_Wall — Sat, 11 Mar 2023 15:15:40 GMT

Hi @GregoryBologna,

A simpler approach may be to set constraints on the maximum and minimum zoom values in the view. Then you wouldn't have to worry about the event handlers. A codepen that shows how to do this can be found here: https://codepen.io/sagewall/pen/bGxaOpw

require(["esri/Map", "esri/views/MapView"], (Map, MapView) => { const map = new Map({ basemap: "topo-vector" }); const view = new MapView({ container: "viewDiv", map: map, zoom: 10, center: [15, 65] }); view.when(() => { const zoomContainer = document.getElementById("zoomContainer"); const zoomSwitch = document.getElementById("zoomSwitch"); view.ui.add(zoomContainer, "top-right"); zoomSwitch.addEventListener("calciteSwitchChange", (event) => { if (event.target.checked) { disableZoom(); } else { enableZoom(); } }) }) const disableZoom = () => { view.constraints.minZoom = view.zoom; view.constraints.maxZoom = view.zoom; view.ui.components = ["attribution"] } const enableZoom = () => { view.constraints = {}; view.ui.components = ["attribution", "zoom"] } });

Re: Restore zooming after manual disable

GregoryBologna — Mon, 13 Mar 2023 14:40:59 GMT

I was at first worried the mouse and keyboard would still zoom with constraints, but now I am using it and it works just right. Thanks.