@cesium-extends/common
Widgetis a base class that you can extend to create your own widgets. You can import it into your project:DomUtilis a utility class that provides some DOM manipulation methods. 中文 Readme
Installation
npm install --save @cesium-extends/common
Usage
import { Widget, DomUtil } from "@cesium-extends/common";
Widget
Widget is a base class for widgets based on Cesium applications. It provides some common widget manipulation methods and properties.
API
constructor(viewer: Cesium.Viewer, wrapper: HTMLElement)
Creates a new instance of the Widget class and attaches it to the specified Cesium Viewer.
Parameters
viewer: The Cesium Viewer instance to attach the widget to.wrapper: The DOM element to mount the widget to.
enabled
A boolean property that controls whether the widget is enabled or not.
ready
A boolean property indicating whether the widget is ready or not.
setContent(content: string | Element): Widget
A method for setting the content of the widget.
Parameters
content: A string or DOM element representing the content to set.
hide()
A method for hiding the widget.
show()
A method for showing the widget.
destroy()
A method for destroying the widget.
DomUtil
DomUtil is a utility class that provides some DOM manipulation methods.
API
create(tagName: string, className: string, container: Element | null = null): HTMLElement
Creates an HTML element with the specified tagName, sets its class to className, and optionally appends it to the container element.
Parameters
tagName: The HTML tag name to create.className: The class name to set on the HTML element.container(optional): The container element to append the new element to.
parseDom(domStr: string, className: string): HTMLDivElement
Parses a string into a DOM element and returns a DIV element containing the element.
Parameters
domStr: The string to parse.className: The class name to set on the DIV element.