caa0b568ad
Most of our uses of source extent were cargo cult programming. The source extent was seldom and inconsistently used. Instead, layers can now be configured with an extent, and layer renderers limit rendering (and data requests) to the layer extent. For vector sources, the `getExtent` method returns the extent of currently loaded features (this was the case before and after this change). For tile based sources, we will likely want to allow easy construction of tile grids based on an extent (this is not possible before or after this change, but could be added later).
136 lines
2.9 KiB
JavaScript
136 lines
2.9 KiB
JavaScript
goog.provide('ol.source.TileDebug');
|
|
|
|
goog.require('ol.Tile');
|
|
goog.require('ol.TileCache');
|
|
goog.require('ol.TileCoord');
|
|
goog.require('ol.TileState');
|
|
goog.require('ol.dom');
|
|
goog.require('ol.source.Tile');
|
|
goog.require('ol.tilegrid.TileGrid');
|
|
|
|
|
|
|
|
/**
|
|
* @constructor
|
|
* @extends {ol.Tile}
|
|
* @param {ol.TileCoord} tileCoord Tile coordinate.
|
|
* @param {ol.tilegrid.TileGrid} tileGrid Tile grid.
|
|
* @private
|
|
*/
|
|
ol.DebugTile_ = function(tileCoord, tileGrid) {
|
|
|
|
goog.base(this, tileCoord, ol.TileState.LOADED);
|
|
|
|
/**
|
|
* @private
|
|
* @type {ol.TileCoord}
|
|
*/
|
|
this.tileCoord_ = tileCoord;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.tileSize_ = tileGrid.getTileSize(tileCoord.z);
|
|
|
|
/**
|
|
* @private
|
|
* @type {Object.<number, HTMLCanvasElement>}
|
|
*/
|
|
this.canvasByContext_ = {};
|
|
|
|
};
|
|
goog.inherits(ol.DebugTile_, ol.Tile);
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.DebugTile_.prototype.getImage = function(opt_context) {
|
|
var key = goog.isDef(opt_context) ? goog.getUid(opt_context) : -1;
|
|
if (key in this.canvasByContext_) {
|
|
return this.canvasByContext_[key];
|
|
} else {
|
|
|
|
var tileSize = this.tileSize_;
|
|
var context = ol.dom.createCanvasContext2D(tileSize, tileSize);
|
|
|
|
context.strokeStyle = 'black';
|
|
context.strokeRect(0.5, 0.5, tileSize + 0.5, tileSize + 0.5);
|
|
|
|
context.fillStyle = 'black';
|
|
context.textAlign = 'center';
|
|
context.textBaseline = 'middle';
|
|
context.font = '24px sans-serif';
|
|
context.fillText(
|
|
this.tileCoord_.toString(), tileSize / 2, tileSize / 2);
|
|
|
|
this.canvasByContext_[key] = context.canvas;
|
|
return context.canvas;
|
|
|
|
}
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
* @classdesc
|
|
* A pseudo tile source, which does not fetch tiles from a server, but renders
|
|
* a grid outline for the tile grid/projection along with the coordinates for
|
|
* each tile. See examples/canvas-tiles for an example.
|
|
*
|
|
* Uses Canvas context2d, so requires Canvas support.
|
|
*
|
|
* @constructor
|
|
* @extends {ol.source.Tile}
|
|
* @param {olx.source.TileDebugOptions} options Debug tile options.
|
|
* @api
|
|
*/
|
|
ol.source.TileDebug = function(options) {
|
|
|
|
goog.base(this, {
|
|
opaque: false,
|
|
projection: options.projection,
|
|
tileGrid: options.tileGrid
|
|
});
|
|
|
|
/**
|
|
* @private
|
|
* @type {ol.TileCache}
|
|
*/
|
|
this.tileCache_ = new ol.TileCache();
|
|
|
|
};
|
|
goog.inherits(ol.source.TileDebug, ol.source.Tile);
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.source.TileDebug.prototype.canExpireCache = function() {
|
|
return this.tileCache_.canExpireCache();
|
|
};
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.source.TileDebug.prototype.expireCache = function(usedTiles) {
|
|
this.tileCache_.expireCache(usedTiles);
|
|
};
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.source.TileDebug.prototype.getTile = function(z, x, y) {
|
|
var tileCoordKey = this.getKeyZXY(z, x, y);
|
|
if (this.tileCache_.containsKey(tileCoordKey)) {
|
|
return /** @type {!ol.DebugTile_} */ (this.tileCache_.get(tileCoordKey));
|
|
} else {
|
|
var tile = new ol.DebugTile_(new ol.TileCoord(z, x, y), this.tileGrid);
|
|
this.tileCache_.set(tileCoordKey, tile);
|
|
return tile;
|
|
}
|
|
};
|