Problems with maxBounds with bounds on a date line

[sLIDe5]

When you drag map vertically, for example, downwards, it doesn't jump back to fit in maxBounds. Instead it just shows gray background at the top. http://img837.imageshack.us/img837/4356/screenshot20120813at547.png

[mourner]

Not reproducible for me, could you set up a JSFiddle test case?

[sLIDe5]

http://jsfiddle.net/CgkFn/

[mourner]

That's because getBounds() returns wrapped coordinated as the map view contains a date line. I'm going to fix this but generally maxBounds works, you just need to make sure the bounds are correct (or pass true as a third argument to LatLng so that it doesn't wrap).

[cgwyllie]

Hi,

I've noticed something wrong with maxBounds too, I guess it's this issue. The JSFiddle linked worked ok for me, so I forked it: http://jsfiddle.net/JBNwu/

If you set the bounds' lat values to anything > 80 it seems to trigger this issue (wrapping or no wrapping).

Is there any kind of workaround for this just now? If not, where would I go about trying to fix this in the Leaflet source?

Thanks,
Chris

[mourner]

Yes, when creating bounds, pass true as a third argument to LatLng so that it doesn't wrap the coordinates.

[cgwyllie]

@mourner Thanks for the quick reply! I've edited the example as I think you mean, but it doesn't resolve the issue for me.

Edit: http://jsfiddle.net/JBNwu/1/

Is that how you'd meant to set the bounds up?

Thanks

[davidjb]

This is the same behaviour I've been experiencing as well -- my maxBounds set at effectively the same ([-85.0511, -180], [85.0511, 180]). Panning is restricted correctly longitude but for latitude the user is allowed to pan infinitely upwards or downwards towards 90/-90 respectively.

[mourner]

A tricky issue, will have to postpone this to 0.6 to fix correctly.

[milosdakic]

Also found an issue with this.

Another thing I noticed is that if you pan and hold for a bit longer, the longitude bounds moves around. Hold and drag to towards bottom line of the map, and hold for a bit longer when you get to the point you want to drop the map. Now you will see the top line of the map move over the bounds. I'll try and setup a JSFiddle example.

[marchchad]

Does maxBounds() not work when you're are trying to set it stay within one region of a hemisphere? Say I wanted the restrict the panning so it only stays within Southern California so the boundaries would be something like:

var sw = new L.LatLng(-120, 30, true);
var ne = new L.LatLng(-115, 35, true);
var bounds = new L.LatLngBounds(sw, ne);

The basemaps and layers don't appear. The map flashes and then goes grey. All the controls appear though.
Here's my jsFiddle: http://jsfiddle.net/chadmarch/XjzgA/2/

There's a second var for the NE coordinates that are commented out. If you comment the erroring one and uncomment the second var, the map appears, but it doesn't center on the right coordinates.

[pumbur]

marchchad: its LatLng, not LngLat. (also, third argument is useless since 0.5 version)

subj: why panInsideBounds use getBounds() instead of getPixelBounds() )?

[marchchad]

Yaaaa my bad. I get a little lysdexic. Thanks

[mourner]

@pumbur was right about pixelBounds, commiting a fix.