将Leaflet.js用于开源地图项目,但我需要设置用户无法超越的特定界限。地图对象的 maxBounds 属性在北、东和西方向上按预期工作——但它让我永远向南滚动。
在小提琴中,绿色背景显示了边界应该在哪里结束,并且我添加了一个纬度的点击警报以进行检查。
var map = L.map('map', {
maxZoom: 4,
minZoom: 1,
maxBounds: [
//south west
[-85.07815906717186, -179.97802734374997],
//north east
[-60.413852350464914, 39.8583984375]
]
}).setView([-72.5, -110], 1);
L.tileLayer(
'http://{s}.tile.cloudmade.com/{API}/998/256/{z}/{x}/{y}.png',
{ maxZoom: 18 }).addTo(map);