ReactiveWidget

new SuperMap3D.ReactiveWidget()

ReactiveWidget 是所有组件的基类,包含一些公共的方法。
Name Type Description
options.viewer Viewer optional 查看器实例。
options.customedStyleFunc function optional 自定义样式函数,返回组件的虚拟DOM。
Example:
// 创建一个量算组件,并自定义其容器背景颜色
const measureWidget = new SuperMap3D.MeasureWidget({
  viewer: viewer,
  customedStyleFunc: (element) => { // element为该组件的虚拟DOM节点
      const res = element.getNodesByKeys(['measure-container']); // 返回对应key值的虚拟DOM节点数组
      if (res && res.length) {
          res[0].addClasses(['white-container']); // 通过虚拟DOM节点的addClasses方法,给真实DOM添加指定类名
      }
  }
})
viewer.reactiveWidgetUI.add(measureWidget, "top-left");

<style>
    .white-container{
        background-color: white;
    }
</style>

Members

id : string

组件的id,可以根据id找到指定组件。