Установка максимальной границы не работает Leaflet

Question

Мне кажется, что я не могу установить максимальную границу, поэтому карта возвращается в норму после того, как пользователь достиг определенной точки.Также каждый раз, когда мне надоело менять код fitbounds (), карта исчезает с моего сайта.

Я просматривал документацию Leaflet снова и снова, но мне почти не повезло, и я искал ответы в Google, и весь код, который я пробовал, не работает.Я считаю, что я скучаю или не вижу что-то действительно простое.

Есть идеи?

Answer 1

Если все, что вам нужно, это ограничить вид определенной географической границей, самое простое решение - установить параметр maxBounds.Если вы не хотите делать это динамически, в этом случае используйте вариант setMaxBounds.Метод fitBounds кажется избыточным и может фактически стать причиной того, что вы не получаете желаемого результата.

var southWest = L.latLng(52.456009,-10.685582);
var northEast = L.latLng(51.699800,5.215615); 

var maxBoundArea = L.latLngBounds(southWest, northEast);

var map = L.map('map', {        
    zoomControl:true, 
    maxNativeZoom:28, 
    minZoom:8, 
    maxBounds: maxBoundArea
});

Answer 2

Я бы предложил написать функцию ограничения

function constrain(n,low,high){
    return Math.max(Math.min(n, high), low);
}

* Примечание: я сам не думал об этом, это функция в p5 и думал, что она может работать *

Документация:

https://github.com/processing/p5.js/blob/0.7.3/src/math/calculation.js#L76