Additional simple examples for just CacheRead and CacheWrite.

* Abort seeding immediately when cache is full. * Abort seeding immediately when CORS image requests are not supported.
2012-03-09 15:32:04 +01:00
parent e366722375
commit 51a11e053f
5 changed files with 215 additions and 31 deletions
--- a/examples/cache-write.js
+++ b/examples/cache-write.js
@@ -0,0 +1,48 @@
+var map, cacheWrite;
+function init(){
+    map = new OpenLayers.Map({
+        div: "map",
+        projection: "EPSG:900913",
+        layers: [
+            new OpenLayers.Layer.WMS("OSGeo", "http://vmap0.tiles.osgeo.org/wms/vmap0", {
+                layers: "basic"
+            }, {
+                eventListeners: {
+                    tileloadstart: function(evt) {
+                        // send requests through proxy
+                        evt.tile.url = "proxy.cgi?url=" + encodeURIComponent(evt.tile.url);
+                    },
+                    tileloaded: updateStatus
+                }
+            })
+        ],
+        center: [0,0],
+        zoom: 1
+    });
+    cacheWrite = new OpenLayers.Control.CacheWrite({
+        autoActivate: true,
+        imageFormat: "image/jpeg",
+        eventListeners: {
+            cachefull: function() { status.innerHTML = "Cache full."; }
+        }
+    });
+    map.addControl(cacheWrite);
+
+
+
+    // User interface
+    var status = document.getElementById("status");
+    document.getElementById("clear").onclick = function() {
+        OpenLayers.Control.CacheWrite.clearCache();
+        updateStatus();
+    };
+
+    // update the number of cached tiles and detect local storage support
+    function updateStatus() {
+        if (window.localStorage) {
+            status.innerHTML = localStorage.length + " entries in cache.";
+        } else {
+            status.innerHTML = "Local storage not supported. Try a different browser.";
+        }
+    }
+}