Imagine you could use your map-based web application offline, including the map tiles. How could the API look like? #nobackend #dreamcode

offline_maps_dreamcode.js

// Add a new map to the collection
var map = OfflineMap.add('Berlin')

// This will not yet download it, to do so, call download on it.
// It returns a promise, with done / fail / progress callbacks
var download = OfflineMap.find('Berlin').download();
download.progress( updateProgressBar );

// Before downloading, you can also calculate its size
var map = OfflineMap.find('Berlin');
map.calculate().then( showRequiredSize );

// Use the offline map as a proxy for Leaflet
// This will trigger the download if needed
var map = OfflineMap.find('Berlin');
map.addTo( leafletInstance );
map.removeFrom( leafletInstance );

// add more specific parameters on what to download
var map = OfflineMap.add('Berlin', {
  levels: [7,8,9,10,11,12,13],
  from: [x1, y1],
  to: [x2, y2]
})
var map = OfflineMap.add('My Home Quarter', {
  query: 'Mission District, San Francisco'
  levels: [10]
})

// Remove a map
OfflineMap.remove('Berlin')

// List offline available maps
OfflineMap.forEach( function(map) {
  // returns map name and other meta data
})