New plugin add a pan control to the map

external/L.Control.Pan.js

@@ -0,0 +1,52 @@
+L.Control.Pan = L.Control.extend({
+	options: {
+		position: 'topleft',
+		panOffset: 500
+	},
+
+	onAdd: function (map) {
+		var className = 'leaflet-control-pan',
+			container = L.DomUtil.create('div', className),
+			off = this.options.panOffset;
+
+		this._panButton('Up'   , className + '-up'   
+						, container, map, new L.Point(    0 , -off));
+		this._panButton('Left' , className + '-left' 
+						, container, map, new L.Point( -off ,  0));
+		this._panButton('Right', className + '-right'
+						, container, map, new L.Point(  off ,  0));
+		this._panButton('Down' , className + '-down'
+						, container, map, new L.Point(    0 ,  off));
+		
+		return container;
+	},
+
+	_panButton: function (title, className, container, map, offset, text) {
+		var wrapper = L.DomUtil.create('div', className + "-wrap", container);
+		var link = L.DomUtil.create('a', className, wrapper);
+		link.href = '#';
+		link.title = title;
+		L.DomEvent
+			.on(link, 'click', L.DomEvent.stopPropagation)
+			.on(link, 'click', L.DomEvent.preventDefault)
+			.on(link, 'click', function(){ map.panBy(offset); }, map)
+			.on(link, 'dblclick', L.DomEvent.stopPropagation)
+
+		return link;
+	}
+});
+
+L.Map.mergeOptions({
+    panControl: true
+});
+
+L.Map.addInitHook(function () {
+    if (this.options.panControl) {
+		this.panControl = new L.Control.Pan();
+		this.addControl(this.panControl);
+	}
+});
+
+L.control.pan = function (options) {
+    return new L.Control.Pan(options);
+};