У меня есть страница, где мне нужно отображать действительно большие изображения, и я использую метод Leaflets tileLayer, чтобы сделать это.
Но я не знаю, как рассчитать границы изображения, чтобы ограничить его только слоем tielLayer (изображение).
Мне нужно отцентрировать изображение и ограничить границы. Я должен запретить пользователям добавлять маркеры за пределы изображения.
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
maxZoom: 18,
id: 'mapbox.streets',
accessToken: 'your.mapbox.access.token'
}).addTo(mymap);
Как динамически рассчитать границы загруженного изображения?