@cesium-extends/common

Widget is a base class that you can extend to create your own widgets. You can import it into your project:
DomUtil is 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.