Now the application no longer needs to care about the tile origin, because the CacheWrite control modifies the url if the CORS image loading is disabled and it is from a different origin. This only requires OpenLayers.ProxyHost to be properly configured. Also local storage keys use the original url instead of the proxied url, to make the CacheRead control work without proxy settings. No deferred exceptions are thrown any more. Instead, OpenLayers.Console is used to show an error message for security exceptions. We now check for OpenLayers.Tile.Image, because other tile types (e.g. UTFGrid) are not supported (yet). To make the same origin handling in the CacheWrite control easier, OpenLayers.Request now exposes the same origin logic from request.issue as a separate function, so it can also be used by other components.
36 lines
1000 B
JavaScript
36 lines
1000 B
JavaScript
var map, cacheRead;
|
|
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: {
|
|
tileloaded: updateHits
|
|
}
|
|
})
|
|
],
|
|
center: [0, 0],
|
|
zoom: 1
|
|
});
|
|
cacheRead = new OpenLayers.Control.CacheRead();
|
|
map.addControl(cacheRead);
|
|
|
|
|
|
|
|
// User interface
|
|
var status = document.getElementById("status"),
|
|
hits = 0;
|
|
|
|
// update the number of cached tiles and detect local storage support
|
|
function updateHits(evt) {
|
|
hits += evt.tile.url.substr(0, 5) === "data:";
|
|
if (window.localStorage) {
|
|
status.innerHTML = hits + " cache hits.";
|
|
} else {
|
|
status.innerHTML = "Local storage not supported. Try a different browser.";
|
|
}
|
|
}
|
|
} |