1.0.3 • Published 19 days ago

@nsc-earth-2/gim v1.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
19 days ago

@nsc-earth-2/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 @nsc-earth-2/common

Usage

import { Widget, DomUtil } from "@nsc-earth-2/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.