#627 Adding read-only tilecache layer. Many thanks to crschmidt for the tests here.
git-svn-id: http://svn.openlayers.org/trunk/openlayers@3763 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Tim Schaub
@@ -0,0 +1,58 @@
|
|||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<style type="text/css">
|
||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#map {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#title {
|
||||||
|
position: absolute;
|
||||||
|
left: 1em;
|
||||||
|
bottom: 1em;
|
||||||
|
z-index: 5000;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script src="../lib/OpenLayers.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
<!--
|
||||||
|
var map, layer;
|
||||||
|
function init(){
|
||||||
|
map = new OpenLayers.Map( $('map'));
|
||||||
|
layer = new OpenLayers.Layer.TileCache("TileCache Layer",
|
||||||
|
["http://c0.labs.metacarta.com/wms-c/cache/",
|
||||||
|
"http://c1.labs.metacarta.com/wms-c/cache/",
|
||||||
|
"http://c2.labs.metacarta.com/wms-c/cache/",
|
||||||
|
"http://c3.labs.metacarta.com/wms-c/cache/",
|
||||||
|
"http://c4.labs.metacarta.com/wms-c/cache/"],
|
||||||
|
"basic");
|
||||||
|
map.addLayer(layer);
|
||||||
|
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
OpenLayers.Util.onImageLoadError = function() {
|
||||||
|
/**
|
||||||
|
* For images that don't exist in the cache, you can display
|
||||||
|
* a default image - one that looks like water for example.
|
||||||
|
* To show nothing at all, leave the following lines commented out.
|
||||||
|
*/
|
||||||
|
|
||||||
|
//this.src = "../img/blank.gif";
|
||||||
|
//this.style.display = "";
|
||||||
|
};
|
||||||
|
|
||||||
|
// -->
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body onload="init()">
|
||||||
|
<div id="map">
|
||||||
|
<div id="title">
|
||||||
|
<b>OpenLayers (Read-Only) TileCache Example</b>
|
||||||
|
<br />from a web accessible disk-based cache only
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -110,6 +110,7 @@
|
|||||||
"OpenLayers/Layer/GeoRSS.js",
|
"OpenLayers/Layer/GeoRSS.js",
|
||||||
"OpenLayers/Layer/Boxes.js",
|
"OpenLayers/Layer/Boxes.js",
|
||||||
"OpenLayers/Layer/TMS.js",
|
"OpenLayers/Layer/TMS.js",
|
||||||
|
"OpenLayers/Layer/TileCache.js",
|
||||||
"OpenLayers/Popup/Anchored.js",
|
"OpenLayers/Popup/Anchored.js",
|
||||||
"OpenLayers/Popup/AnchoredBubble.js",
|
"OpenLayers/Popup/AnchoredBubble.js",
|
||||||
"OpenLayers/Handler.js",
|
"OpenLayers/Handler.js",
|
||||||
|
|||||||
@@ -0,0 +1,170 @@
|
|||||||
|
/* Copyright (c) 2006 MetaCarta, Inc., published under a modified BSD licence.
|
||||||
|
* See http://svn.openlayers.org/trunk/openlayers/repository-license.txt
|
||||||
|
* for the full text of the license. */
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @requires OpenLayers/Layer/Grid.js
|
||||||
|
*
|
||||||
|
* Class: OpenLayers.Layer.TileCache
|
||||||
|
*
|
||||||
|
* Inherits from:
|
||||||
|
* - <OpenLayers.Layer.Grid>
|
||||||
|
*/
|
||||||
|
OpenLayers.Layer.TileCache = OpenLayers.Class.create();
|
||||||
|
OpenLayers.Layer.TileCache.prototype =
|
||||||
|
OpenLayers.Class.inherit( OpenLayers.Layer.Grid, {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* APIProperty: reproject
|
||||||
|
* {Boolean}
|
||||||
|
**/
|
||||||
|
reproject: false,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* APIProperty: isBaseLayer
|
||||||
|
* {Boolean}
|
||||||
|
**/
|
||||||
|
isBaseLayer: true,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* APIProperty: tileOrigin
|
||||||
|
* {<OpenLayers.LonLat>}
|
||||||
|
**/
|
||||||
|
tileOrigin: null,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* APIProperty: format
|
||||||
|
* {String}
|
||||||
|
**/
|
||||||
|
format: 'image/png',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Constructor: OpenLayers.Layer.TileCache
|
||||||
|
*
|
||||||
|
* Parameters:
|
||||||
|
* name - {String}
|
||||||
|
* url - {String}
|
||||||
|
* layername - {String}
|
||||||
|
* options - {Object} Hashtable of extra options to tag onto the layer
|
||||||
|
*/
|
||||||
|
initialize: function(name, url, layername, options) {
|
||||||
|
options = OpenLayers.Util.extend({maxResolution: 180/256}, options);
|
||||||
|
this.layername = layername;
|
||||||
|
OpenLayers.Layer.Grid.prototype.initialize.apply(this,
|
||||||
|
[name, url, {}, options]);
|
||||||
|
this.extension = this.format.split('/')[1].toLowerCase();
|
||||||
|
this.extension = (this.extension == 'jpeg') ? 'jpg' : this.extension;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* APIMethod: clone
|
||||||
|
* obj - {Object}
|
||||||
|
*
|
||||||
|
* Returns:
|
||||||
|
* An exact clone of this <OpenLayers.Layer.TileCache>
|
||||||
|
*/
|
||||||
|
clone: function (obj) {
|
||||||
|
|
||||||
|
if (obj == null) {
|
||||||
|
obj = new OpenLayers.Layer.TileCache(this.name,
|
||||||
|
this.url,
|
||||||
|
this.options);
|
||||||
|
}
|
||||||
|
|
||||||
|
//get all additions from superclasses
|
||||||
|
obj = OpenLayers.Layer.Grid.prototype.clone.apply(this, [obj]);
|
||||||
|
|
||||||
|
// copy/set any non-init, non-simple values here
|
||||||
|
|
||||||
|
return obj;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Method: getURL
|
||||||
|
*
|
||||||
|
* Parameters:
|
||||||
|
* bounds - {OpenLayers.Bounds}
|
||||||
|
*
|
||||||
|
* Returns:
|
||||||
|
* A string with the layer's url and parameters and also the
|
||||||
|
* passed-in bounds and appropriate tile size specified as
|
||||||
|
* parameters
|
||||||
|
*/
|
||||||
|
getURL: function(bounds) {
|
||||||
|
var res = this.map.getResolution();
|
||||||
|
var bbox = this.maxExtent;
|
||||||
|
var size = this.tileSize;
|
||||||
|
var tileX = Math.floor((bounds.left - bbox.left) / (res * size.w));
|
||||||
|
var tileY = Math.floor((bounds.bottom - bbox.bottom) / (res * size.h));
|
||||||
|
var tileZ = this.map.zoom;
|
||||||
|
/**
|
||||||
|
* Zero-pad a positive integer.
|
||||||
|
* number - {Int}
|
||||||
|
* length - {Int}
|
||||||
|
|
||||||
|
* Returns:
|
||||||
|
* A zero-padded string
|
||||||
|
*/
|
||||||
|
function zeroPad(number, length) {
|
||||||
|
number = String(number);
|
||||||
|
var zeros = [];
|
||||||
|
for(var i=0; i<length; ++i) {
|
||||||
|
zeros.push('0');
|
||||||
|
}
|
||||||
|
return zeros.join('').substring(0, length - number.length) + number;
|
||||||
|
}
|
||||||
|
var components = [
|
||||||
|
this.layername,
|
||||||
|
zeroPad(tileZ, 2),
|
||||||
|
zeroPad(parseInt(tileX / 1000000), 3),
|
||||||
|
zeroPad((parseInt(tileX / 1000) % 1000), 3),
|
||||||
|
zeroPad((parseInt(tileX) % 1000), 3),
|
||||||
|
zeroPad(parseInt(tileY / 1000000), 3),
|
||||||
|
zeroPad((parseInt(tileY / 1000) % 1000), 3),
|
||||||
|
zeroPad((parseInt(tileY) % 1000), 3) + '.' + this.extension
|
||||||
|
];
|
||||||
|
var path = components.join('/');
|
||||||
|
var url = this.url;
|
||||||
|
if (url instanceof Array) {
|
||||||
|
url = this.selectUrl(path, url);
|
||||||
|
}
|
||||||
|
url = (url[url.length - 1] == '/') ? url : url + '/';
|
||||||
|
return url + path;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Method: addTile
|
||||||
|
* addTile creates a tile, initializes it, and
|
||||||
|
* adds it to the layer div.
|
||||||
|
*
|
||||||
|
* Parameters:
|
||||||
|
* bounds - {<OpenLayers.Bounds>}
|
||||||
|
*
|
||||||
|
* Returns:
|
||||||
|
* The added {<OpenLayers.Tile.Image>}
|
||||||
|
*/
|
||||||
|
addTile:function(bounds, position) {
|
||||||
|
var url = this.getURL(bounds);
|
||||||
|
return new OpenLayers.Tile.Image(this, position, bounds,
|
||||||
|
url, this.tileSize);
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Method: setMap
|
||||||
|
* When the layer is added to a map, then we can fetch our origin
|
||||||
|
* (if we don't have one.)
|
||||||
|
*
|
||||||
|
* Parameters:
|
||||||
|
* map - {<OpenLayers.Map>}
|
||||||
|
*/
|
||||||
|
setMap: function(map) {
|
||||||
|
OpenLayers.Layer.Grid.prototype.setMap.apply(this, arguments);
|
||||||
|
if (!this.tileOrigin) {
|
||||||
|
this.tileOrigin = new OpenLayers.LonLat(this.map.maxExtent.left,
|
||||||
|
this.map.maxExtent.bottom);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
CLASS_NAME: "OpenLayers.Layer.TileCache"
|
||||||
|
});
|
||||||
@@ -47,6 +47,7 @@
|
|||||||
<li>Layer/test_WMS.html</li>
|
<li>Layer/test_WMS.html</li>
|
||||||
<li>Layer/test_WFS.html</li>
|
<li>Layer/test_WFS.html</li>
|
||||||
<li>Layer/test_TMS.html</li>
|
<li>Layer/test_TMS.html</li>
|
||||||
|
<li>Layer/test_TileCache.html</li>
|
||||||
<li>Layer/test_Vector.html</li>
|
<li>Layer/test_Vector.html</li>
|
||||||
<li>Layer/test_GML.html</li>
|
<li>Layer/test_GML.html</li>
|
||||||
<li>Layer/test_WrapDateLine.html</li>
|
<li>Layer/test_WrapDateLine.html</li>
|
||||||
|
|||||||
Reference in New Issue
Block a user