265 lines
4.9 KiB
JavaScript
265 lines
4.9 KiB
JavaScript
/**
|
|
* @module ol/style/Image
|
|
*/
|
|
import {abstract} from '../util.js';
|
|
|
|
|
|
/**
|
|
* @typedef {Object} Options
|
|
* @property {number} opacity
|
|
* @property {boolean} rotateWithView
|
|
* @property {number} rotation
|
|
* @property {number} scale
|
|
*/
|
|
|
|
|
|
/**
|
|
* @classdesc
|
|
* A base class used for creating subclasses and not instantiated in
|
|
* apps. Base class for {@link module:ol/style/Icon~Icon}, {@link module:ol/style/Circle~CircleStyle} and
|
|
* {@link module:ol/style/RegularShape~RegularShape}.
|
|
* @abstract
|
|
* @api
|
|
*/
|
|
class ImageStyle {
|
|
/**
|
|
* @param {Options} options Options.
|
|
*/
|
|
constructor(options) {
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.opacity_ = options.opacity;
|
|
|
|
/**
|
|
* @private
|
|
* @type {boolean}
|
|
*/
|
|
this.rotateWithView_ = options.rotateWithView;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.rotation_ = options.rotation;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.scale_ = options.scale;
|
|
|
|
}
|
|
|
|
/**
|
|
* Clones the style.
|
|
* @return {ImageStyle} The cloned style.
|
|
* @api
|
|
*/
|
|
clone() {
|
|
return new ImageStyle({
|
|
opacity: this.getOpacity(),
|
|
scale: this.getScale(),
|
|
rotation: this.getRotation(),
|
|
rotateWithView: this.getRotateWithView()
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Get the symbolizer opacity.
|
|
* @return {number} Opacity.
|
|
* @api
|
|
*/
|
|
getOpacity() {
|
|
return this.opacity_;
|
|
}
|
|
|
|
/**
|
|
* Determine whether the symbolizer rotates with the map.
|
|
* @return {boolean} Rotate with map.
|
|
* @api
|
|
*/
|
|
getRotateWithView() {
|
|
return this.rotateWithView_;
|
|
}
|
|
|
|
/**
|
|
* Get the symoblizer rotation.
|
|
* @return {number} Rotation.
|
|
* @api
|
|
*/
|
|
getRotation() {
|
|
return this.rotation_;
|
|
}
|
|
|
|
/**
|
|
* Get the symbolizer scale.
|
|
* @return {number} Scale.
|
|
* @api
|
|
*/
|
|
getScale() {
|
|
return this.scale_;
|
|
}
|
|
|
|
/**
|
|
* This method is deprecated and always returns false.
|
|
* @return {boolean} false.
|
|
* @deprecated
|
|
* @api
|
|
*/
|
|
getSnapToPixel() {
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Get the anchor point in pixels. The anchor determines the center point for the
|
|
* symbolizer.
|
|
* @abstract
|
|
* @return {Array<number>} Anchor.
|
|
*/
|
|
getAnchor() {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* Get the image element for the symbolizer.
|
|
* @abstract
|
|
* @param {number} pixelRatio Pixel ratio.
|
|
* @return {HTMLCanvasElement|HTMLVideoElement|HTMLImageElement} Image element.
|
|
*/
|
|
getImage(pixelRatio) {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* @abstract
|
|
* @param {number} pixelRatio Pixel ratio.
|
|
* @return {HTMLCanvasElement|HTMLVideoElement|HTMLImageElement} Image element.
|
|
*/
|
|
getHitDetectionImage(pixelRatio) {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* @abstract
|
|
* @return {import("../ImageState.js").default} Image state.
|
|
*/
|
|
getImageState() {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* @abstract
|
|
* @return {import("../size.js").Size} Image size.
|
|
*/
|
|
getImageSize() {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* @abstract
|
|
* @return {import("../size.js").Size} Size of the hit-detection image.
|
|
*/
|
|
getHitDetectionImageSize() {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* Get the origin of the symbolizer.
|
|
* @abstract
|
|
* @return {Array<number>} Origin.
|
|
*/
|
|
getOrigin() {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* Get the size of the symbolizer (in pixels).
|
|
* @abstract
|
|
* @return {import("../size.js").Size} Size.
|
|
*/
|
|
getSize() {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* Set the opacity.
|
|
*
|
|
* @param {number} opacity Opacity.
|
|
* @api
|
|
*/
|
|
setOpacity(opacity) {
|
|
this.opacity_ = opacity;
|
|
}
|
|
|
|
/**
|
|
* Set whether to rotate the style with the view.
|
|
*
|
|
* @param {boolean} rotateWithView Rotate with map.
|
|
* @api
|
|
*/
|
|
setRotateWithView(rotateWithView) {
|
|
this.rotateWithView_ = rotateWithView;
|
|
}
|
|
|
|
/**
|
|
* Set the rotation.
|
|
*
|
|
* @param {number} rotation Rotation.
|
|
* @api
|
|
*/
|
|
setRotation(rotation) {
|
|
this.rotation_ = rotation;
|
|
}
|
|
/**
|
|
* Set the scale.
|
|
*
|
|
* @param {number} scale Scale.
|
|
* @api
|
|
*/
|
|
setScale(scale) {
|
|
this.scale_ = scale;
|
|
}
|
|
|
|
/**
|
|
* This method is deprecated and does nothing.
|
|
* @param {boolean} snapToPixel Snap to pixel?
|
|
* @deprecated
|
|
* @api
|
|
*/
|
|
setSnapToPixel(snapToPixel) {}
|
|
|
|
/**
|
|
* @abstract
|
|
* @param {function(this: T, import("../events/Event.js").default)} listener Listener function.
|
|
* @param {T} thisArg Value to use as `this` when executing `listener`.
|
|
* @return {import("../events.js").EventsKey|undefined} Listener key.
|
|
* @template T
|
|
*/
|
|
listenImageChange(listener, thisArg) {
|
|
return abstract();
|
|
}
|
|
|
|
/**
|
|
* Load not yet loaded URI.
|
|
* @abstract
|
|
*/
|
|
load() {
|
|
abstract();
|
|
}
|
|
|
|
/**
|
|
* @abstract
|
|
* @param {function(this: T, import("../events/Event.js").default)} listener Listener function.
|
|
* @param {T} thisArg Value to use as `this` when executing `listener`.
|
|
* @template T
|
|
*/
|
|
unlistenImageChange(listener, thisArg) {
|
|
abstract();
|
|
}
|
|
}
|
|
|
|
export default ImageStyle;
|