How to limit viewport in leaflet?

Question

JavaScript

How to limit the area available for viewing in a leaflet so that the map cannot be moved outside the area? For example, to show only Moscow and the region, maybe by setting the coordinates somehow. Are there additional plugins for this or the basic functionality of the library?

Answer 1

var map = L.map('map').setView([20.5, -0.09], 3);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);

var southWest = L.latLng(-60.5, -90),
northEast = L.latLng(60.5, 90);
var bounds = L.latLngBounds(southWest, northEast);

map.setMaxBounds(bounds);
map.on('drag', function() {
  map.panInsideBounds(bounds, { animate: false });
});

Answer 2

Is it leafletjs.com/reference.html#map-maxbounds?

Answer 3

It's called EXTENT look for a lot of solutions there.