I found some javascript api 3.5 code on the internet that I have been trying to convert to 4.10 without success. I do admit that I am fairly new to the api and don't know if it is doable in 4.10.
I'm trying to restrict users from panning and zooming outside the extents of the map area that I assign to them.
Here is a working version I found using 3.5: http://jsfiddle.net/gh/gist/library/pure/6050806/
Thanks!
function init() {
map = new esri.Map("map",{
basemap:"topo",
center:[-122.45,37.75], //long, lat
zoom:13,
sliderStyle:"small"
});
//set max extent to inital extent
dojo.connect(map, "onLoad", function(){
maxExtent = map.extent;
});
//check to see if map is within max extent when its extent changes. If not, roll back to the max
//extent that we set above
dojo.connect(map, "onExtentChange", function(extent){
if((map.extent.xmin < maxExtent.xmin) ||
(map.extent.ymin < maxExtent.ymin) ||
(map.extent.xmax > maxExtent.xmax) ||
(map.extent.ymax > maxExtent.ymax)
) {
map.setExtent(maxExtent);
console.log("max extent reached, rolling back to previous extent");
}
});
}
dojo.ready(init);
</script>
</head>
<body class="claro">
<div id="map"></div>
</body>
</html>
