You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
232 lines
6.5 KiB
232 lines
6.5 KiB
/**
|
|
* @module ol/source/UrlTile
|
|
*/
|
|
import TileEventType from './TileEventType.js';
|
|
import TileSource, {TileSourceEvent} from './Tile.js';
|
|
import TileState from '../TileState.js';
|
|
import {createFromTemplates, expandUrl} from '../tileurlfunction.js';
|
|
import {getKeyZXY} from '../tilecoord.js';
|
|
import {getUid} from '../util.js';
|
|
|
|
/**
|
|
* @typedef {Object} Options
|
|
* @property {import("./Source.js").AttributionLike} [attributions] Attributions.
|
|
* @property {boolean} [attributionsCollapsible=true] Attributions are collapsible.
|
|
* @property {number} [cacheSize] Cache size.
|
|
* @property {boolean} [opaque=false] Whether the layer is opaque.
|
|
* @property {import("../proj.js").ProjectionLike} [projection] Projection.
|
|
* @property {import("./Source.js").State} [state] State.
|
|
* @property {import("../tilegrid/TileGrid.js").default} [tileGrid] TileGrid.
|
|
* @property {import("../Tile.js").LoadFunction} tileLoadFunction TileLoadFunction.
|
|
* @property {number} [tilePixelRatio] TilePixelRatio.
|
|
* @property {import("../Tile.js").UrlFunction} [tileUrlFunction] TileUrlFunction.
|
|
* @property {string} [url] Url.
|
|
* @property {Array<string>} [urls] Urls.
|
|
* @property {boolean} [wrapX=true] WrapX.
|
|
* @property {number} [transition] Transition.
|
|
* @property {string} [key] Key.
|
|
* @property {number|import("../array.js").NearestDirectionFunction} [zDirection=0] ZDirection.
|
|
* @property {boolean} [interpolate=false] Use interpolated values when resampling. By default,
|
|
* the nearest neighbor is used when resampling.
|
|
*/
|
|
|
|
/**
|
|
* @classdesc
|
|
* Base class for sources providing tiles divided into a tile grid over http.
|
|
*
|
|
* @fires import("./Tile.js").TileSourceEvent
|
|
*/
|
|
class UrlTile extends TileSource {
|
|
/**
|
|
* @param {Options} options Image tile options.
|
|
*/
|
|
constructor(options) {
|
|
super({
|
|
attributions: options.attributions,
|
|
cacheSize: options.cacheSize,
|
|
opaque: options.opaque,
|
|
projection: options.projection,
|
|
state: options.state,
|
|
tileGrid: options.tileGrid,
|
|
tilePixelRatio: options.tilePixelRatio,
|
|
wrapX: options.wrapX,
|
|
transition: options.transition,
|
|
interpolate: options.interpolate,
|
|
key: options.key,
|
|
attributionsCollapsible: options.attributionsCollapsible,
|
|
zDirection: options.zDirection,
|
|
});
|
|
|
|
/**
|
|
* @private
|
|
* @type {boolean}
|
|
*/
|
|
this.generateTileUrlFunction_ =
|
|
this.tileUrlFunction === UrlTile.prototype.tileUrlFunction;
|
|
|
|
/**
|
|
* @protected
|
|
* @type {import("../Tile.js").LoadFunction}
|
|
*/
|
|
this.tileLoadFunction = options.tileLoadFunction;
|
|
|
|
if (options.tileUrlFunction) {
|
|
this.tileUrlFunction = options.tileUrlFunction;
|
|
}
|
|
|
|
/**
|
|
* @protected
|
|
* @type {!Array<string>|null}
|
|
*/
|
|
this.urls = null;
|
|
|
|
if (options.urls) {
|
|
this.setUrls(options.urls);
|
|
} else if (options.url) {
|
|
this.setUrl(options.url);
|
|
}
|
|
|
|
/**
|
|
* @private
|
|
* @type {!Object<string, boolean>}
|
|
*/
|
|
this.tileLoadingKeys_ = {};
|
|
}
|
|
|
|
/**
|
|
* Return the tile load function of the source.
|
|
* @return {import("../Tile.js").LoadFunction} TileLoadFunction
|
|
* @api
|
|
*/
|
|
getTileLoadFunction() {
|
|
return this.tileLoadFunction;
|
|
}
|
|
|
|
/**
|
|
* Return the tile URL function of the source.
|
|
* @return {import("../Tile.js").UrlFunction} TileUrlFunction
|
|
* @api
|
|
*/
|
|
getTileUrlFunction() {
|
|
return Object.getPrototypeOf(this).tileUrlFunction === this.tileUrlFunction
|
|
? this.tileUrlFunction.bind(this)
|
|
: this.tileUrlFunction;
|
|
}
|
|
|
|
/**
|
|
* Return the URLs used for this source.
|
|
* When a tileUrlFunction is used instead of url or urls,
|
|
* null will be returned.
|
|
* @return {!Array<string>|null} URLs.
|
|
* @api
|
|
*/
|
|
getUrls() {
|
|
return this.urls;
|
|
}
|
|
|
|
/**
|
|
* Handle tile change events.
|
|
* @param {import("../events/Event.js").default} event Event.
|
|
* @protected
|
|
*/
|
|
handleTileChange(event) {
|
|
const tile = /** @type {import("../Tile.js").default} */ (event.target);
|
|
const uid = getUid(tile);
|
|
const tileState = tile.getState();
|
|
let type;
|
|
if (tileState == TileState.LOADING) {
|
|
this.tileLoadingKeys_[uid] = true;
|
|
type = TileEventType.TILELOADSTART;
|
|
} else if (uid in this.tileLoadingKeys_) {
|
|
delete this.tileLoadingKeys_[uid];
|
|
type =
|
|
tileState == TileState.ERROR
|
|
? TileEventType.TILELOADERROR
|
|
: tileState == TileState.LOADED
|
|
? TileEventType.TILELOADEND
|
|
: undefined;
|
|
}
|
|
if (type != undefined) {
|
|
this.dispatchEvent(new TileSourceEvent(type, tile));
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set the tile load function of the source.
|
|
* @param {import("../Tile.js").LoadFunction} tileLoadFunction Tile load function.
|
|
* @api
|
|
*/
|
|
setTileLoadFunction(tileLoadFunction) {
|
|
this.tileCache.clear();
|
|
this.tileLoadFunction = tileLoadFunction;
|
|
this.changed();
|
|
}
|
|
|
|
/**
|
|
* Set the tile URL function of the source.
|
|
* @param {import("../Tile.js").UrlFunction} tileUrlFunction Tile URL function.
|
|
* @param {string} [key] Optional new tile key for the source.
|
|
* @api
|
|
*/
|
|
setTileUrlFunction(tileUrlFunction, key) {
|
|
this.tileUrlFunction = tileUrlFunction;
|
|
this.tileCache.pruneExceptNewestZ();
|
|
if (typeof key !== 'undefined') {
|
|
this.setKey(key);
|
|
} else {
|
|
this.changed();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Set the URL to use for requests.
|
|
* @param {string} url URL.
|
|
* @api
|
|
*/
|
|
setUrl(url) {
|
|
const urls = expandUrl(url);
|
|
this.urls = urls;
|
|
this.setUrls(urls);
|
|
}
|
|
|
|
/**
|
|
* Set the URLs to use for requests.
|
|
* @param {Array<string>} urls URLs.
|
|
* @api
|
|
*/
|
|
setUrls(urls) {
|
|
this.urls = urls;
|
|
const key = urls.join('\n');
|
|
if (this.generateTileUrlFunction_) {
|
|
this.setTileUrlFunction(createFromTemplates(urls, this.tileGrid), key);
|
|
} else {
|
|
this.setKey(key);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {import("../tilecoord.js").TileCoord} tileCoord Tile coordinate.
|
|
* @param {number} pixelRatio Pixel ratio.
|
|
* @param {import("../proj/Projection.js").default} projection Projection.
|
|
* @return {string|undefined} Tile URL.
|
|
*/
|
|
tileUrlFunction(tileCoord, pixelRatio, projection) {
|
|
return undefined;
|
|
}
|
|
|
|
/**
|
|
* Marks a tile coord as being used, without triggering a load.
|
|
* @param {number} z Tile coordinate z.
|
|
* @param {number} x Tile coordinate x.
|
|
* @param {number} y Tile coordinate y.
|
|
*/
|
|
useTile(z, x, y) {
|
|
const tileCoordKey = getKeyZXY(z, x, y);
|
|
if (this.tileCache.containsKey(tileCoordKey)) {
|
|
this.tileCache.get(tileCoordKey);
|
|
}
|
|
}
|
|
}
|
|
|
|
export default UrlTile;
|