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,可以根据id找到指定组件。