Mappe offline su PhoneGap utilizzando OpenLayers e TileCache

Question

Esiste un buon tutorial su come pre-memorizzare nella cache una parte conosciuta di una mappa utilizzando TileCache, memorizzarle nel database delle app mobili PhoneGap e caricarle utilizzando OpenLayers?

Ho seguito molti tutorial e ancora non ho trovato una via d'uscita per fare tutto questo insieme.

Answer 1

Se si dispone di proprie tessere e di averle incorporate nell'archivio dell'applicazione, è possibile utilizzare Leaflet per visualizzare i riquadri locali. http://leafletjs.com/
Se i tuoi riquadri personalizzati sono remoti (ospitati su un server), allora non sarai ancora in grado di consumarli in uno scenario offline.
Si prega di dare un'occhiata al blog this.

Sì, è assolutamente possibile utilizzare le piastrelle di volantini offline, basta cambiare il percorso utilizzato per le tessere, fino al percorso locale.

Es:.
default:

// add a CloudMade tile layer with style #997 
L.tileLayer('http://{s}.tile.cloudmade.com/[API-key]/997/256/{z}/{x}/{y}.png', { 
    attribution: 'Map data' 
}).addTo(map);

Offline:

L.tileLayer('file://path_to_your_tiles/{z}{x}{y}.png', { 
    attribution: 'Map data' 
}).addTo(map);

Basta assicurarsi che le mattonelle sono chiamate sullo stesso modello (es .: 6_17_15.png). Puoi cambiare il modello in.

È possibile memorizzare le tessere mappa localmente utilizzando una struttura di directory per abbinare quella del server e puntare il tileLayer nella posizione locale delle tessere. Una cosa da tenere a mente però, alcuni fornitori di tessere mappa si arrabbieranno se rascherete le tessere in massa per poi immagazzinarle localmente. Saranno particolarmente sconvolti se scrivi un'app che incoraggia molte persone che usano l'app per farlo. È probabile che tale app venga rapidamente bloccata. Vedere http://wiki.openstreetmap.org/wiki/Tile_usage_policy per esempio. Puoi sempre rendere le tue tessere da tenere localmente.