You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
3.3 KiB
JavaScript
115 lines
3.3 KiB
JavaScript
import defined from "../../Core/defined.js";
|
|
import destroyObject from "../../Core/destroyObject.js";
|
|
import DeveloperError from "../../Core/DeveloperError.js";
|
|
import knockout from "../../ThirdParty/knockout.js";
|
|
import getElement from "../getElement.js";
|
|
import SelectionIndicatorViewModel from "./SelectionIndicatorViewModel.js";
|
|
|
|
/**
|
|
* A widget for displaying an indicator on a selected object.
|
|
*
|
|
* @alias SelectionIndicator
|
|
* @constructor
|
|
*
|
|
* @param {Element|String} container The DOM element or ID that will contain the widget.
|
|
* @param {Scene} scene The Scene instance to use.
|
|
*
|
|
* @exception {DeveloperError} Element with id "container" does not exist in the document.
|
|
*/
|
|
function SelectionIndicator(container, scene) {
|
|
//>>includeStart('debug', pragmas.debug);
|
|
if (!defined(container)) {
|
|
throw new DeveloperError("container is required.");
|
|
}
|
|
//>>includeEnd('debug')
|
|
|
|
container = getElement(container);
|
|
|
|
this._container = container;
|
|
|
|
var el = document.createElement("div");
|
|
el.className = "cesium-selection-wrapper";
|
|
el.setAttribute(
|
|
"data-bind",
|
|
'\
|
|
style: { "top" : _screenPositionY, "left" : _screenPositionX },\
|
|
css: { "cesium-selection-wrapper-visible" : isVisible }'
|
|
);
|
|
container.appendChild(el);
|
|
this._element = el;
|
|
|
|
var svgNS = "http://www.w3.org/2000/svg";
|
|
var path =
|
|
"M -34 -34 L -34 -11.25 L -30 -15.25 L -30 -30 L -15.25 -30 L -11.25 -34 L -34 -34 z M 11.25 -34 L 15.25 -30 L 30 -30 L 30 -15.25 L 34 -11.25 L 34 -34 L 11.25 -34 z M -34 11.25 L -34 34 L -11.25 34 L -15.25 30 L -30 30 L -30 15.25 L -34 11.25 z M 34 11.25 L 30 15.25 L 30 30 L 15.25 30 L 11.25 34 L 34 34 L 34 11.25 z";
|
|
|
|
var svg = document.createElementNS(svgNS, "svg:svg");
|
|
svg.setAttribute("width", 160);
|
|
svg.setAttribute("height", 160);
|
|
svg.setAttribute("viewBox", "0 0 160 160");
|
|
|
|
var group = document.createElementNS(svgNS, "g");
|
|
group.setAttribute("transform", "translate(80,80)");
|
|
svg.appendChild(group);
|
|
|
|
var pathElement = document.createElementNS(svgNS, "path");
|
|
pathElement.setAttribute("data-bind", "attr: { transform: _transform }");
|
|
pathElement.setAttribute("d", path);
|
|
group.appendChild(pathElement);
|
|
|
|
el.appendChild(svg);
|
|
|
|
var viewModel = new SelectionIndicatorViewModel(
|
|
scene,
|
|
this._element,
|
|
this._container
|
|
);
|
|
this._viewModel = viewModel;
|
|
|
|
knockout.applyBindings(this._viewModel, this._element);
|
|
}
|
|
|
|
Object.defineProperties(SelectionIndicator.prototype, {
|
|
/**
|
|
* Gets the parent container.
|
|
* @memberof SelectionIndicator.prototype
|
|
*
|
|
* @type {Element}
|
|
*/
|
|
container: {
|
|
get: function () {
|
|
return this._container;
|
|
},
|
|
},
|
|
|
|
/**
|
|
* Gets the view model.
|
|
* @memberof SelectionIndicator.prototype
|
|
*
|
|
* @type {SelectionIndicatorViewModel}
|
|
*/
|
|
viewModel: {
|
|
get: function () {
|
|
return this._viewModel;
|
|
},
|
|
},
|
|
});
|
|
|
|
/**
|
|
* @returns {Boolean} true if the object has been destroyed, false otherwise.
|
|
*/
|
|
SelectionIndicator.prototype.isDestroyed = function () {
|
|
return false;
|
|
};
|
|
|
|
/**
|
|
* Destroys the widget. Should be called if permanently
|
|
* removing the widget from layout.
|
|
*/
|
|
SelectionIndicator.prototype.destroy = function () {
|
|
var container = this._container;
|
|
knockout.cleanNode(this._element);
|
|
container.removeChild(this._element);
|
|
return destroyObject(this);
|
|
};
|
|
export default SelectionIndicator;
|