219 lines
7.4 KiB
JavaScript
219 lines
7.4 KiB
JavaScript
/**
|
|
* @module ol/layer/BaseVector
|
|
*/
|
|
import Layer from './Layer.js';
|
|
import {assign} from '../obj.js';
|
|
import {createDefaultStyle, toFunction as toStyleFunction} from '../style/Style.js';
|
|
|
|
|
|
/**
|
|
* @typedef {Object} Options
|
|
* @property {number} [opacity=1] Opacity (0, 1).
|
|
* @property {boolean} [visible=true] Visibility.
|
|
* @property {import("../extent.js").Extent} [extent] The bounding extent for layer rendering. The layer will not be
|
|
* rendered outside of this extent.
|
|
* @property {number} [zIndex] The z-index for layer rendering. At rendering time, the layers
|
|
* will be ordered, first by Z-index and then by position. When `undefined`, a `zIndex` of 0 is assumed
|
|
* for layers that are added to the map's `layers` collection, or `Infinity` when the layer's `setMap()`
|
|
* method was used.
|
|
* @property {number} [minResolution] The minimum resolution (inclusive) at which this layer will be
|
|
* visible.
|
|
* @property {number} [maxResolution] The maximum resolution (exclusive) below which this layer will
|
|
* be visible.
|
|
* @property {import("../render.js").OrderFunction} [renderOrder] Render order. Function to be used when sorting
|
|
* features before rendering. By default features are drawn in the order that they are created. Use
|
|
* `null` to avoid the sort, but get an undefined draw order.
|
|
* @property {number} [renderBuffer=100] The buffer in pixels around the viewport extent used by the
|
|
* renderer when getting features from the vector source for the rendering or hit-detection.
|
|
* Recommended value: the size of the largest symbol, line width or label.
|
|
* @property {import("../source/Vector.js").default} [source] Source.
|
|
* @property {import("../PluggableMap.js").default} [map] Sets the layer as overlay on a map. The map will not manage
|
|
* this layer in its layers collection, and the layer will be rendered on top. This is useful for
|
|
* temporary layers. The standard way to add a layer to a map and have it managed by the map is to
|
|
* use {@link module:ol/Map#addLayer}.
|
|
* @property {boolean} [declutter=false] Declutter images and text. Decluttering is applied to all
|
|
* image and text styles of all Vector and VectorTile layers that have set this to `true`. The priority
|
|
* is defined by the z-index of the layer, the `zIndex` of the style and the render order of features.
|
|
* Higher z-index means higher priority. Within the same z-index, a feature rendered before another has
|
|
* higher priority.
|
|
* @property {import("../style/Style.js").StyleLike} [style] Layer style. See
|
|
* {@link module:ol/style} for default style which will be used if this is not defined.
|
|
* @property {boolean} [updateWhileAnimating=false] When set to `true`, feature batches will
|
|
* be recreated during animations. This means that no vectors will be shown clipped, but the
|
|
* setting will have a performance impact for large amounts of vector data. When set to `false`,
|
|
* batches will be recreated when no animation is active.
|
|
* @property {boolean} [updateWhileInteracting=false] When set to `true`, feature batches will
|
|
* be recreated during interactions. See also `updateWhileAnimating`.
|
|
*/
|
|
|
|
|
|
/**
|
|
* @enum {string}
|
|
* @private
|
|
*/
|
|
const Property = {
|
|
RENDER_ORDER: 'renderOrder'
|
|
};
|
|
|
|
|
|
/**
|
|
* @classdesc
|
|
* Vector data that is rendered client-side.
|
|
* Note that any property set in the options is set as a {@link module:ol/Object~BaseObject}
|
|
* property on the layer object; for example, setting `title: 'My Title'` in the
|
|
* options means that `title` is observable, and has get/set accessors.
|
|
*
|
|
* @template {import("../source/Vector.js").default|import("../source/VectorTile.js").default} VectorSourceType
|
|
* @extends {Layer<VectorSourceType>}
|
|
* @api
|
|
*/
|
|
class BaseVectorLayer extends Layer {
|
|
/**
|
|
* @param {Options=} opt_options Options.
|
|
*/
|
|
constructor(opt_options) {
|
|
const options = opt_options ? opt_options : {};
|
|
|
|
const baseOptions = assign({}, options);
|
|
|
|
delete baseOptions.style;
|
|
delete baseOptions.renderBuffer;
|
|
delete baseOptions.updateWhileAnimating;
|
|
delete baseOptions.updateWhileInteracting;
|
|
super(baseOptions);
|
|
|
|
/**
|
|
* @private
|
|
* @type {boolean}
|
|
*/
|
|
this.declutter_ = options.declutter !== undefined ? options.declutter : false;
|
|
|
|
/**
|
|
* @type {number}
|
|
* @private
|
|
*/
|
|
this.renderBuffer_ = options.renderBuffer !== undefined ?
|
|
options.renderBuffer : 100;
|
|
|
|
/**
|
|
* User provided style.
|
|
* @type {import("../style/Style.js").StyleLike}
|
|
* @private
|
|
*/
|
|
this.style_ = null;
|
|
|
|
/**
|
|
* Style function for use within the library.
|
|
* @type {import("../style/Style.js").StyleFunction|undefined}
|
|
* @private
|
|
*/
|
|
this.styleFunction_ = undefined;
|
|
|
|
this.setStyle(options.style);
|
|
|
|
/**
|
|
* @type {boolean}
|
|
* @private
|
|
*/
|
|
this.updateWhileAnimating_ = options.updateWhileAnimating !== undefined ?
|
|
options.updateWhileAnimating : false;
|
|
|
|
/**
|
|
* @type {boolean}
|
|
* @private
|
|
*/
|
|
this.updateWhileInteracting_ = options.updateWhileInteracting !== undefined ?
|
|
options.updateWhileInteracting : false;
|
|
|
|
}
|
|
|
|
/**
|
|
* @return {boolean} Declutter.
|
|
*/
|
|
getDeclutter() {
|
|
return this.declutter_;
|
|
}
|
|
|
|
/**
|
|
* @return {number|undefined} Render buffer.
|
|
*/
|
|
getRenderBuffer() {
|
|
return this.renderBuffer_;
|
|
}
|
|
|
|
/**
|
|
* @return {function(import("../Feature.js").default, import("../Feature.js").default): number|null|undefined} Render
|
|
* order.
|
|
*/
|
|
getRenderOrder() {
|
|
return (
|
|
/** @type {import("../render.js").OrderFunction|null|undefined} */ (this.get(Property.RENDER_ORDER))
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Get the style for features. This returns whatever was passed to the `style`
|
|
* option at construction or to the `setStyle` method.
|
|
* @return {import("../style/Style.js").StyleLike}
|
|
* Layer style.
|
|
* @api
|
|
*/
|
|
getStyle() {
|
|
return this.style_;
|
|
}
|
|
|
|
/**
|
|
* Get the style function.
|
|
* @return {import("../style/Style.js").StyleFunction|undefined} Layer style function.
|
|
* @api
|
|
*/
|
|
getStyleFunction() {
|
|
return this.styleFunction_;
|
|
}
|
|
|
|
/**
|
|
* @return {boolean} Whether the rendered layer should be updated while
|
|
* animating.
|
|
*/
|
|
getUpdateWhileAnimating() {
|
|
return this.updateWhileAnimating_;
|
|
}
|
|
|
|
/**
|
|
* @return {boolean} Whether the rendered layer should be updated while
|
|
* interacting.
|
|
*/
|
|
getUpdateWhileInteracting() {
|
|
return this.updateWhileInteracting_;
|
|
}
|
|
|
|
/**
|
|
* @param {import("../render.js").OrderFunction|null|undefined} renderOrder
|
|
* Render order.
|
|
*/
|
|
setRenderOrder(renderOrder) {
|
|
this.set(Property.RENDER_ORDER, renderOrder);
|
|
}
|
|
|
|
/**
|
|
* Set the style for features. This can be a single style object, an array
|
|
* of styles, or a function that takes a feature and resolution and returns
|
|
* an array of styles. If it is `undefined` the default style is used. If
|
|
* it is `null` the layer has no style (a `null` style), so only features
|
|
* that have their own styles will be rendered in the layer. See
|
|
* {@link module:ol/style} for information on the default style.
|
|
* @param {import("../style/Style.js").default|Array<import("../style/Style.js").default>|import("../style/Style.js").StyleFunction|null|undefined} style Layer style.
|
|
* @api
|
|
*/
|
|
setStyle(style) {
|
|
this.style_ = style !== undefined ? style : createDefaultStyle;
|
|
this.styleFunction_ = style === null ?
|
|
undefined : toStyleFunction(this.style_);
|
|
this.changed();
|
|
}
|
|
|
|
}
|
|
|
|
|
|
export default BaseVectorLayer;
|