javascript - 设置最大边界不起作用 Leaflet

Question

我似乎无法设置最大边界，以便在用户到达某个点后 map 弹回。此外，每次我厌倦了更改 fitbounds() 代码时， map 都会从我的网站上消失。

我一遍又一遍地查看 Leaflet 文档，但运气不佳，并且一直在通过 Google 寻找任何答案，但我尝试过的所有代码都无法正常工作。我相信我错过了或没有看到一些非常简单的东西。

有什么想法吗？

Answer 1

如果您只想将 View 限制在给定的地理边界内，最简单的解决方案是设置 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
});