Ist offene Schicht 3 mit OL.Control.CacheWrite wie offene Schicht 2, Und wenn es jetzt nicht verfügbar ist, wenn wir in Open Layer 3 verfügbar

Question

Ich habe Code des Caches schreiben und lesen mit offener Schicht 2, jetzt Ich verbessere unsere offene Schicht 3. Bitte helfen Sie

Answer 1

OpenLayers 3 verwendet einen anderen Ansatz. Sie können eine benutzerdefinierte tileLoadFunction für Kachel-Layer konfigurieren: Statt die src direkt auf Image zu setzen, können Sie die URL in Ihrem bevorzugten Speicher (LocalStorage, IndexDB, ...) suchen und sie holen, falls verfügbar oder speichern Sie sie wenn Sie möchte.

Etwas wie folgt aus:

new ol.source.TileImage({ 
    tileLoadFunction: function(tile, src) { 
    // try to fetch from local storage 
    var dataURI = localStorage.getItem(src); 
    if (dataURI) { 
     // use cached version 
     tile.getImage().src = dataURI; 
    } else { 
     // load image data 
     var client = new XMLHttpRequest(); 
     client.open('GET', src); 
     client.onload(function() { 
     var data = 'data:image/png;base64,' + 
      btoa(unescape(encodeURIComponent(this.responseText)); 
     // use the image data we just loaded 
     tile.getImage().src = data; 
     // save image data to the cache for later reuse 
     localStorage.setItem(src, data); 
     }); 
     client.send(); 
    } 
    } 
    // ... 
});