maxZoom and User Input

leaflet
Mia picture Mia · Jan 29, 2013 · Viewed 19.2k times · Source

I want to limit the users max zoom level with inputs (muse scroll etc.) and buttons. In other words, I limit the "maxZoom" to -lets say- level9. But I still want to be able to zoom to level10 in special conditions. When I set the maxZoom, it obviously does not let me zoom more in any way, so wht is my solution in this case?

Answer

Rahul G Nair picture Rahul G Nair · Feb 4, 2013

For setting maximum zoom level :

map._layersMaxZoom=15 (which sets the maximum zoomlevel as 15)

Similarly we can set minimum zoom level:

map._layersMinZoom=2, (which sets minimum zoomlevel as 2).

Another way of doing the same-

map.options.maxZoom = 15;

map.options.minZoom = 10;

Related questions

Leaflet - How to find existing markers, and delete markers?

I have started using leaflet as an open source map, http://leaflet.cloudmade.com/ The following jQuery code will enable the creation of markers on the map on map click: map.on('click', onMapClick); function onMapClick(e) { var marker = new …

Read More
How to change the map center in Leaflet.js

The following code initializes a leaflet map. The initialize function centers the map based on user location. How do I change the center of the map to a new position after calling the initialize function? function initialize() { map = L.map(…

Read More
How to reference static assets within vue javascript

I'm looking for the right url to reference static assets, like images within Vue javascript. For example, I'm creating a leaflet marker using a custom icon image, and I've tried several urls, but they all return a 404 (Not Found): Main.…

Read More