오픈 레이어 3는 오픈 레이어 2와 같은 OL.Control.CacheWrite를 가지고 있으며, 오픈 레이어 3에서 사용할 수있을 때 사용할 수없는 경우

Question

오픈 코드 2를 사용하여 캐시 쓰기 및 읽기 코드를 가지고 있습니다. 오픈 레이어 3을 업그레이드 중입니다. 도와주세요

Answer 1

OpenLayers 3는 다른 접근 방식을 사용합니다. 타일 ​​레이어에 대해 맞춤 tileLoadFunction을 구성 할 수 있습니다. Image에 직접 src을 설정하는 대신 원하는 저장소 (LocalStorage, IndexDB, ...)에서 URL을 검색하여 사용 가능한 경우 가져 오거나 고 싶어요. 이 같은

뭔가 :

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(); 
    } 
    } 
    // ... 
});