ol
Version:
OpenLayers mapping library
163 lines • 6.79 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @module ol/renderer/canvas/VectorImageLayer
*/
import ImageCanvas from '../../ImageCanvas.js';
import ViewHint from '../../ViewHint.js';
import { getHeight, getWidth, isEmpty, scaleFromCenter } from '../../extent.js';
import { assign } from '../../obj.js';
import CanvasImageLayerRenderer from './ImageLayer.js';
import CanvasVectorLayerRenderer from './VectorLayer.js';
import EventType from '../../events/EventType.js';
import ImageState from '../../ImageState.js';
import { renderDeclutterItems } from '../../render.js';
import { apply, compose, create } from '../../transform.js';
/**
* @classdesc
* Canvas renderer for image layers.
* @api
*/
var CanvasVectorImageLayerRenderer = /** @class */ (function (_super) {
__extends(CanvasVectorImageLayerRenderer, _super);
/**
* @param {import("../../layer/VectorImage.js").default} layer Vector image layer.
*/
function CanvasVectorImageLayerRenderer(layer) {
var _this = _super.call(this, layer) || this;
/**
* @private
* @type {import("./VectorLayer.js").default}
*/
_this.vectorRenderer_ = new CanvasVectorLayerRenderer(layer);
/**
* @private
* @type {number}
*/
_this.layerImageRatio_ = layer.getImageRatio();
/**
* @private
* @type {import("../../transform.js").Transform}
*/
_this.coordinateToVectorPixelTransform_ = create();
/**
* @private
* @type {import("../../transform.js").Transform}
*/
_this.renderedPixelToCoordinateTransform_ = null;
return _this;
}
/**
* @inheritDoc
*/
CanvasVectorImageLayerRenderer.prototype.disposeInternal = function () {
this.vectorRenderer_.dispose();
_super.prototype.disposeInternal.call(this);
};
/**
* @inheritDoc
*/
CanvasVectorImageLayerRenderer.prototype.getFeatures = function (pixel) {
if (this.vectorRenderer_) {
var vectorPixel = apply(this.coordinateToVectorPixelTransform_, apply(this.renderedPixelToCoordinateTransform_, pixel.slice()));
return this.vectorRenderer_.getFeatures(vectorPixel);
}
else {
var promise = new Promise(function (resolve, reject) {
resolve([]);
});
return promise;
}
};
/**
* @inheritDoc
*/
CanvasVectorImageLayerRenderer.prototype.handleFontsChanged = function () {
this.vectorRenderer_.handleFontsChanged();
};
/**
* @inheritDoc
*/
CanvasVectorImageLayerRenderer.prototype.prepareFrame = function (frameState) {
var pixelRatio = frameState.pixelRatio;
var viewState = frameState.viewState;
var viewResolution = viewState.resolution;
var hints = frameState.viewHints;
var vectorRenderer = this.vectorRenderer_;
var renderedExtent = frameState.extent;
if (this.layerImageRatio_ !== 1) {
renderedExtent = renderedExtent.slice(0);
scaleFromCenter(renderedExtent, this.layerImageRatio_);
}
var width = getWidth(renderedExtent) / viewResolution;
var height = getHeight(renderedExtent) / viewResolution;
if (!hints[ViewHint.ANIMATING] && !hints[ViewHint.INTERACTING] && !isEmpty(renderedExtent)) {
vectorRenderer.useContainer(null, null, 1);
var context = vectorRenderer.context;
var imageFrameState_1 = /** @type {import("../../PluggableMap.js").FrameState} */ (assign({}, frameState, {
declutterItems: [],
extent: renderedExtent,
size: [width, height],
viewState: /** @type {import("../../View.js").State} */ (assign({}, frameState.viewState, {
rotation: 0
}))
}));
var image_1 = new ImageCanvas(renderedExtent, viewResolution, pixelRatio, context.canvas, function (callback) {
if (vectorRenderer.prepareFrame(imageFrameState_1) && vectorRenderer.replayGroupChanged) {
vectorRenderer.renderFrame(imageFrameState_1, null);
renderDeclutterItems(imageFrameState_1, null);
callback();
}
});
image_1.addEventListener(EventType.CHANGE, function () {
if (image_1.getState() === ImageState.LOADED) {
this.image_ = image_1;
}
}.bind(this));
image_1.load();
}
if (this.image_) {
var image = this.image_;
var imageResolution = image.getResolution();
var imagePixelRatio = image.getPixelRatio();
var renderedResolution = imageResolution * pixelRatio / imagePixelRatio;
this.renderedResolution = renderedResolution;
this.renderedPixelToCoordinateTransform_ = frameState.pixelToCoordinateTransform.slice();
this.coordinateToVectorPixelTransform_ = compose(this.coordinateToVectorPixelTransform_, width / 2, height / 2, 1 / renderedResolution, -1 / renderedResolution, 0, -viewState.center[0], -viewState.center[1]);
}
return !!this.image_;
};
/**
* @override
*/
CanvasVectorImageLayerRenderer.prototype.preRender = function () { };
/**
* @override
*/
CanvasVectorImageLayerRenderer.prototype.postRender = function () { };
/**
* @inheritDoc
*/
CanvasVectorImageLayerRenderer.prototype.forEachFeatureAtCoordinate = function (coordinate, frameState, hitTolerance, callback, declutteredFeatures) {
if (this.vectorRenderer_) {
return this.vectorRenderer_.forEachFeatureAtCoordinate(coordinate, frameState, hitTolerance, callback, declutteredFeatures);
}
else {
return _super.prototype.forEachFeatureAtCoordinate.call(this, coordinate, frameState, hitTolerance, callback, declutteredFeatures);
}
};
return CanvasVectorImageLayerRenderer;
}(CanvasImageLayerRenderer));
export default CanvasVectorImageLayerRenderer;
//# sourceMappingURL=VectorImageLayer.js.map