ccfacc5ee6
Using the [ts.js codemod](https://gist.github.com/tschaub/1ea498c9d1e5268cf36d212b3949be4e): jscodeshift --transform ts.js src
128 lines
2.8 KiB
JavaScript
128 lines
2.8 KiB
JavaScript
/**
|
|
* @module ol/render/Box
|
|
*/
|
|
|
|
import Disposable from '../Disposable.js';
|
|
import Polygon from '../geom/Polygon.js';
|
|
|
|
class RenderBox extends Disposable {
|
|
/**
|
|
* @param {string} className CSS class name.
|
|
*/
|
|
constructor(className) {
|
|
super();
|
|
|
|
/**
|
|
* @type {import("../geom/Polygon.js").default}
|
|
* @private
|
|
*/
|
|
this.geometry_ = null;
|
|
|
|
/**
|
|
* @type {HTMLDivElement}
|
|
* @private
|
|
*/
|
|
this.element_ = /** @type {HTMLDivElement} */ (document.createElement('div'));
|
|
this.element_.style.position = 'absolute';
|
|
this.element_.className = 'ol-box ' + className;
|
|
|
|
/**
|
|
* @private
|
|
* @type {import("../PluggableMap.js").default}
|
|
*/
|
|
this.map_ = null;
|
|
|
|
/**
|
|
* @private
|
|
* @type {import("../pixel.js").Pixel}
|
|
*/
|
|
this.startPixel_ = null;
|
|
|
|
/**
|
|
* @private
|
|
* @type {import("../pixel.js").Pixel}
|
|
*/
|
|
this.endPixel_ = null;
|
|
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
disposeInternal() {
|
|
this.setMap(null);
|
|
}
|
|
|
|
/**
|
|
* @private
|
|
*/
|
|
render_() {
|
|
const startPixel = this.startPixel_;
|
|
const endPixel = this.endPixel_;
|
|
const px = 'px';
|
|
const style = this.element_.style;
|
|
style.left = Math.min(startPixel[0], endPixel[0]) + px;
|
|
style.top = Math.min(startPixel[1], endPixel[1]) + px;
|
|
style.width = Math.abs(endPixel[0] - startPixel[0]) + px;
|
|
style.height = Math.abs(endPixel[1] - startPixel[1]) + px;
|
|
}
|
|
|
|
/**
|
|
* @param {import("../PluggableMap.js").default} map Map.
|
|
*/
|
|
setMap(map) {
|
|
if (this.map_) {
|
|
this.map_.getOverlayContainer().removeChild(this.element_);
|
|
const style = this.element_.style;
|
|
style.left = style.top = style.width = style.height = 'inherit';
|
|
}
|
|
this.map_ = map;
|
|
if (this.map_) {
|
|
this.map_.getOverlayContainer().appendChild(this.element_);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {import("../pixel.js").Pixel} startPixel Start pixel.
|
|
* @param {import("../pixel.js").Pixel} endPixel End pixel.
|
|
*/
|
|
setPixels(startPixel, endPixel) {
|
|
this.startPixel_ = startPixel;
|
|
this.endPixel_ = endPixel;
|
|
this.createOrUpdateGeometry();
|
|
this.render_();
|
|
}
|
|
|
|
/**
|
|
* Creates or updates the cached geometry.
|
|
*/
|
|
createOrUpdateGeometry() {
|
|
const startPixel = this.startPixel_;
|
|
const endPixel = this.endPixel_;
|
|
const pixels = [
|
|
startPixel,
|
|
[startPixel[0], endPixel[1]],
|
|
endPixel,
|
|
[endPixel[0], startPixel[1]]
|
|
];
|
|
const coordinates = pixels.map(this.map_.getCoordinateFromPixel, this.map_);
|
|
// close the polygon
|
|
coordinates[4] = coordinates[0].slice();
|
|
if (!this.geometry_) {
|
|
this.geometry_ = new Polygon([coordinates]);
|
|
} else {
|
|
this.geometry_.setCoordinates([coordinates]);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @return {import("../geom/Polygon.js").default} Geometry.
|
|
*/
|
|
getGeometry() {
|
|
return this.geometry_;
|
|
}
|
|
}
|
|
|
|
|
|
export default RenderBox;
|