地图图块不应完全移出地图视图空间。如何存档？

Question

我有一个地图视图容器，其中包含一个可拖动的图块图像＆amp;可缩放。可以将平铺图像完全拖出/移动到地图视图容器边界之外（地图划分），但是在鼠标拖动释放时，平铺图像应该弹回到地图视图容器的中心（可见区域）。

请指导我实现这一目标。

这是我尝试过的，

var cloudmadeUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
cloudmadeAttribution = '',
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 4, attribution: loudmadeAttribution, noWrap: true, continuousWorld: true }),
latlng = new L.LatLng(0, 0),

map = new L.Map('map', {center : latlng, zoom : 0, layers : [cloudmade], tms: true});

map.on('dragend', function (e) {
    map.setMaxBounds(map.getBounds());
});

Here is fiddle sample