Drag as long as you want
2009-11-11 22:35
It has been a very long outstanding bug (officially it was a missing feature) in OpenLayers that annoyed me from the first time I’ve been using OpenLayers. I’m talking about ticket #39: “Allow pan-dragging while outside map until mouseup”.
Normally when you drag the map in OpenLayers it will stop dragging as soon
as you hit the edge of the map viewport (the div that contains
the map). Whenever you have a small map, but a huge window and a loooong way to
drag, it can get quite annoying, as the maximum distance you can drag at once
is the size of that viewport.
But yesterday it finally happend. A patch to fix it landed in trunk. A first rough cut was made at the OpenLayers code sprint at the FOSS4G. Andreas Hocevar reviewed the code and made a more unobtrusive version of it (thanks, again).
Try these two examples to see the difference. Click on the map an drag it a long way to the right and back to the left again (you might need to zoom it a bit to see the full effect):
As it is a new feature, it isn’t enabled by default (and only available on
current SVN trunk, it will be available in OpenLayers 2.9). To enable it on
your map, just use the following code to add the documentDrag
parameter to the
DragPan control (you obviously need a recent SVN checkout).
Update (2009-11-18): It got even easier with r9805:
// Use default controls but with documentDrag enabled.
var controls = [
new OpenLayers.Control.Navigation({documentDrag: true}),
new OpenLayers.Control.PanZoom(),
new OpenLayers.Control.ArgParser(),
new OpenLayers.Control.Attribution()]
map = new OpenLayers.Map('map', {controls: controls});
For a full working version have a look at the source of the documentDrag example.
Categories: en, OpenLayers, JavaScript, geo