Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 | 1x 1x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 83x 84x 83x 85x 1x 98x 1x 77x 77x | import { defined, Event } from "@cesium/engine";
import knockout from "../ThirdParty/knockout.js";
const cameraEnabledPath =
"M 13.84375 7.03125 C 11.412798 7.03125 9.46875 8.975298 9.46875 11.40625 L 9.46875 11.59375 L 2.53125 7.21875 L 2.53125 24.0625 L 9.46875 19.6875 C 9.4853444 22.104033 11.423165 24.0625 13.84375 24.0625 L 25.875 24.0625 C 28.305952 24.0625 30.28125 22.087202 30.28125 19.65625 L 30.28125 11.40625 C 30.28125 8.975298 28.305952 7.03125 25.875 7.03125 L 13.84375 7.03125 z";
const cameraDisabledPath =
"M 27.34375 1.65625 L 5.28125 27.9375 L 8.09375 30.3125 L 30.15625 4.03125 L 27.34375 1.65625 z M 13.84375 7.03125 C 11.412798 7.03125 9.46875 8.975298 9.46875 11.40625 L 9.46875 11.59375 L 2.53125 7.21875 L 2.53125 24.0625 L 9.46875 19.6875 C 9.4724893 20.232036 9.5676108 20.7379 9.75 21.21875 L 21.65625 7.03125 L 13.84375 7.03125 z M 28.21875 7.71875 L 14.53125 24.0625 L 25.875 24.0625 C 28.305952 24.0625 30.28125 22.087202 30.28125 19.65625 L 30.28125 11.40625 C 30.28125 9.8371439 29.456025 8.4902779 28.21875 7.71875 z";
/**
* The view model for {@link InfoBox}.
* @alias InfoBoxViewModel
* @constructor
*/
function InfoBoxViewModel() {
this._cameraClicked = new Event();
this._closeClicked = new Event();
/**
* Gets or sets the maximum height of the info box in pixels. This property is observable.
* @type {number}
*/
this.maxHeight = 500;
/**
* Gets or sets whether the camera tracking icon is enabled.
* @type {boolean}
*/
this.enableCamera = false;
/**
* Gets or sets the status of current camera tracking of the selected object.
* @type {boolean}
*/
this.isCameraTracking = false;
/**
* Gets or sets the visibility of the info box.
* @type {boolean}
*/
this.showInfo = false;
/**
* Gets or sets the title text in the info box.
* @type {string}
*/
this.titleText = "";
/**
* Gets or sets the description HTML for the info box.
* @type {string}
*/
this.description = "";
knockout.track(this, [
"showInfo",
"titleText",
"description",
"maxHeight",
"enableCamera",
"isCameraTracking",
]);
this._loadingIndicatorHtml =
'<div class="cesium-infoBox-loadingContainer"><span class="cesium-infoBox-loading"></span></div>';
/**
* Gets the SVG path of the camera icon, which can change to be "crossed out" or not.
* @type {string}
*/
this.cameraIconPath = undefined;
knockout.defineProperty(this, "cameraIconPath", {
get: function () {
return !this.enableCamera || this.isCameraTracking
? cameraDisabledPath
: cameraEnabledPath;
},
});
knockout.defineProperty(this, "_bodyless", {
get: function () {
return !defined(this.description) || this.description.length === 0;
},
});
}
/**
* Gets the maximum height of sections within the info box, minus an offset, in CSS-ready form.
* @param {number} offset The offset in pixels.
* @returns {string}
*/
InfoBoxViewModel.prototype.maxHeightOffset = function (offset) {
return `${this.maxHeight - offset}px`;
};
Object.defineProperties(InfoBoxViewModel.prototype, {
/**
* Gets an {@link Event} that is fired when the user clicks the camera icon.
* @memberof InfoBoxViewModel.prototype
* @type {Event}
*/
cameraClicked: {
get: function () {
return this._cameraClicked;
},
},
/**
* Gets an {@link Event} that is fired when the user closes the info box.
* @memberof InfoBoxViewModel.prototype
* @type {Event}
*/
closeClicked: {
get: function () {
return this._closeClicked;
},
},
});
export default InfoBoxViewModel;
|