6280b35035
The imageSize property was only used to determine the scale. It's usage was never documented nor tested nor shown in an example, so I removed it because I considered its presence a bug.
85 lines
2.4 KiB
JavaScript
85 lines
2.4 KiB
JavaScript
goog.provide('ol.source.ImageStatic');
|
|
|
|
goog.require('goog.events');
|
|
goog.require('goog.events.EventType');
|
|
goog.require('ol.Image');
|
|
goog.require('ol.ImageLoadFunctionType');
|
|
goog.require('ol.ImageState');
|
|
goog.require('ol.extent');
|
|
goog.require('ol.proj');
|
|
goog.require('ol.source.Image');
|
|
|
|
|
|
|
|
/**
|
|
* @classdesc
|
|
* A layer source for displaying a single, static image.
|
|
*
|
|
* @constructor
|
|
* @extends {ol.source.Image}
|
|
* @param {olx.source.ImageStaticOptions} options Options.
|
|
* @api stable
|
|
*/
|
|
ol.source.ImageStatic = function(options) {
|
|
|
|
var attributions = options.attributions !== undefined ?
|
|
options.attributions : null;
|
|
|
|
var imageExtent = options.imageExtent;
|
|
|
|
var crossOrigin = options.crossOrigin !== undefined ?
|
|
options.crossOrigin : null;
|
|
|
|
var /** @type {ol.ImageLoadFunctionType} */ imageLoadFunction =
|
|
options.imageLoadFunction !== undefined ?
|
|
options.imageLoadFunction : ol.source.Image.defaultImageLoadFunction;
|
|
|
|
goog.base(this, {
|
|
attributions: attributions,
|
|
logo: options.logo,
|
|
projection: ol.proj.get(options.projection)
|
|
});
|
|
|
|
/**
|
|
* @private
|
|
* @type {ol.Image}
|
|
*/
|
|
this.image_ = new ol.Image(imageExtent, undefined, 1, attributions,
|
|
options.url, crossOrigin, imageLoadFunction);
|
|
|
|
goog.events.listen(this.image_, goog.events.EventType.CHANGE, function() {
|
|
if (this.image_.getState() == ol.ImageState.LOADED) {
|
|
var image = this.image_.getImage();
|
|
var resolution = ol.extent.getHeight(imageExtent) / image.height;
|
|
var pxWidth = Math.ceil(ol.extent.getWidth(imageExtent) / resolution);
|
|
var pxHeight = Math.ceil(ol.extent.getHeight(imageExtent) / resolution);
|
|
if (pxWidth !== image.width || pxHeight !== image.height) {
|
|
var canvas = /** @type {HTMLCanvasElement} */
|
|
(document.createElement('canvas'));
|
|
canvas.width = pxWidth;
|
|
canvas.height = pxHeight;
|
|
var context = canvas.getContext('2d');
|
|
context.drawImage(image, 0, 0, canvas.width, canvas.height);
|
|
this.image_.setImage(canvas);
|
|
}
|
|
}
|
|
}, false, this);
|
|
|
|
goog.events.listen(this.image_, goog.events.EventType.CHANGE,
|
|
this.handleImageChange, false, this);
|
|
|
|
};
|
|
goog.inherits(ol.source.ImageStatic, ol.source.Image);
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.source.ImageStatic.prototype.getImageInternal =
|
|
function(extent, resolution, pixelRatio, projection) {
|
|
if (ol.extent.intersects(extent, this.image_.getExtent())) {
|
|
return this.image_;
|
|
}
|
|
return null;
|
|
};
|