Lock the Zoom level on a Lite map

Owned by Kim Stimpson
25 Mar, 2021
1 min read

Problem

Is there a way to lock the window on a Lite map so a user cannot zoom in or out?

Solution

This can be achieved by creating a copy of the appropriate Base map in Studio and setting the Scales so that it only includes the single scale that you’d like to display the map at and then hiding the Zoom buttons.

Step-by-step guide

  • Create a copy of the Base map you wish to use for your Lite map.
  • Set the Scales under the BaseMaps > Details so that it only includes the single scale that you would like the map to be displayed at.
  • Add the BaseMap to the MapSource that you are using for your Lite Map.
  • Add the following CSS to your web page to hide the Zoom buttons.
			/* Hide the zoom controls for this map */
			#atZoomControls {
				display: none;
			}