Modest Maps JS

zoom in | zoom out
pan left | pan right | pan down | pan up

The above div is a map initialized like so:

// "import" the namespace
var provider = new MM.MapProvider(function(coord) {
    var img = parseInt(coord.zoom) +'-r'+ parseInt(coord.row) +'-c'+ parseInt(coord.column) + '.jpg';
    return 'http://osm-bayarea.s3.amazonaws.com/' + img;
});

map = new MM.Map('map', provider, new MM.Point(900,900), [])

map.setCenterZoom(new MM.Location(37.811530, -122.2666097), 14);