1. 二维带连线标签 DOM MARK

1.1. 属性

1.1.1. this.marks 所有 mark 的信息，用 mark 的 id 来唯一标识

1.1.2. this.allOids 所有 mark 的 id 的集合，数组形式

1.2. 方法

1.2.1. add

添加标签

/**
 * 该方法用来添加mark
 * @function add
 * @param [options] {Object}  构建mark的参数
 * @param [options.id] {String}  mark图标的id    （默认随机生成）
 * @param [options.title] {String}  mark图标的title   （默认:mark）
 * @param [options.draggable] {Boolean}  mark图标title是否允许拖拽 （默认为true）
 * @param [options.bodyDraggable] {Boolean}  mark图标整体是否允许拖拽 （默认为false）
 * @param [options.color]{array}  mark填充的颜色 默认[255,0,0]
 * @param [options.colorLine]{array}  mark线条的颜色 默认 colorLine:[0,0,0],
 * @param [options.startPosition]{array}  mark起点所跟随的三维空间的世界坐标。 默认[0,0,0]
 * @param [options.endPosition]{array}  mark图标主体所处的屏幕坐标，默认[0,0]
 * @param [options.domElement]{domElement}  mark中要添加的dom元素
 * @param [options.componentId]{string}  该mark关联的构件key
 * @param [options.mode]{string}  mark的模式
 * @param [options.offset]{array}  mark的偏移
 * @param [options.showPoint]{Boolean}  是否显示连接线的端点，默认true
 * @param [options.showLine]{Boolean}  是否显示连接线，默认true
 * @param [options.showTitle]{Boolean}  是否显示title，默认true
 * @param [options.show]{string}  是否显示标签 ，默认true
 * @param callback {function} 完成添加的回调函数 参数为所创建的mark的id
 */

//调用方法：
var domMark = new BOS3D.DOMMark(viewer3D);
var domElement = document.createElement("div");
domElement.textContent = "墙壁";
var options = {
    id: "123",
    title: "mark",
    color: [99, 99, 99],
    colorLine: [0, 0, 0],
    startPosition: [3000, -1850, 2000],
    endPosition: [800, 200],
    domElement: domElement,
    offset: [0, 0],
};
domMark.add(options, function (a) {
    alert(a);
});

1.2.2. updateMark

该方法用来更新 mark

/**
 * 该方法用来更新mark，参数的默认值和添加mark时的参数一致
 * @function updateMark
 * @param node {String}  mark的id
 * @param [options] {Object}  构建mark的参数
 * @param [options.title] {String}  mark图标的title   （默认:mark）
 * @param [options.draggable] {Boolean}  mark图标是否允许拖拽 （默认为true）
 * @param [options.color]{array}  mark填充的颜色 默认[255,0,0]
 * @param [options.colorLine]{array}  mark线条的颜色 默认 colorLine:[0,0,0],
 * @param [options.startPosition]{array}  mark起点所跟随的三维空间的世界坐标。 默认[0,0,0]
 * @param [options.endPosition]{array}  mark图标主体所处的屏幕坐标，默认[0,0]
 * @param [options.domElement]{domElement}  mark中要添加的dom元素
 * @param [options.componentId]{string}  该mark关联的构件key
 * @param [options.mode]{string}  mark的模式
 * @param [options.offset]{array}  mark的偏移
 * @param [options.showPoint]{Boolean}  是否显示连接线的端点，
 * @param [options.showLine]{Boolean}  是否显示连接线，
 * @param [options.showTitle]{Boolean}  是否显示title，
 * @param callback {function} 完成添加的回调函数 参数为所创建的mark的id
 */

//调用方法：
var domMark = new BOS3D.DOMMark(viewer3D);
var domElement = document.createElement("div");
domElement.textContent = "墙壁";
var id = "123";
var options = {
    id: "123",
    title: "mark",
    color: [99, 99, 99],
    colorLine: [0, 0, 0],
    startPosition: [3000, -1850, 2000],
    endPosition: [800, 200],
    domElement: domElement,
};
domMark.updateMark(id, options);

1.2.3. updateColor

该方法用来更新 mark 的填充颜色

/**
 * 该方法用来更新mark的填充颜色
 * @function updateColor
 * @param nodes {String || Array}  mark的id或id数组
 * @param color {String || Array}  颜色 [0,0,0]、'#000000'或'rgb(0,0,0)'
 */
//调用方法：
domMark.updateColor(["123", "1234"], "rgb(0,0,0)");

1.2.4. updateTitle

该方法用来更新 mark 的标题

/**
 * 该方法用来更新mark的标题
 * @function updateTitle
 * @param nodes {String || Array}  mark的id或id数组
 * @param nodes {String}  mark的标题，若为空或空字符串，则删除标题
 */
//调用方法：
domMark.updateTitle(["123", "1234"], "瓦片");

1.2.5. updateDomElement

该方法用来更新 mark 的 dom 元素

/**
 * 该方法用来更新mark的dom元素
 * @function updateDomElement
 * @param node {string} mark的id
 * @param domElement dom元素,若不设置则删除原有dom原素
 */
//调用方法：
var domElement = document.createElement("div");
domElement.textContent = "墙壁";
domMark.updateDomElement("123", domElement);

1.2.6. remove

方法用来将 mark 销毁

/**
 * 该方法用来将mark销毁
 * @function remove
 * @param nodes {String || Array}  mark的id或id数组
 */
//调用方法：
domMark.remove(["123", "1234"]);

1.2.7. hide

该方法用来将 mark 隐藏

/**
 * 该方法用来将mark隐藏
 * @function hide
 * @param nodes {String || Array}  mark的id或id数组
 */
//调用方法：
domMark.hide(["123", "1234"]);

1.2.8. show

该方法用来将隐藏的 mark 显示

/**
 * 该方法用来将隐藏的mark显示
 * @function show
 * @param nodes {String || Array}  mark的id或id数组
 */
//调用方法：
domMark.show(["123", "1234"]);

1.2.9. isolation

该方法用来将选中的 mark 隔离显示

/**
 * 该方法用来将选中的mark隔离显示
 * @function isolation
 * @param nodes {String || Array}  mark的id或id数组
 */
//调用方法：
domMark.isolation(["123", "1234"]);

1.2.10. enablePoint

该方法用来设置辅助点的可见性

/**
 * 该方法用来设置辅助点的可见性
 * @function enablePoint
 * @param enable {boolean}  可见性
 */
//调用方法：
domMark.enablePoint(true);

1.2.11. enableLine

该方法用来设置辅助线的可见性

/**
 * 该方法用来设置辅助线的可见性
 * @function enableLine
 * @param enable {boolean}  可见性
 */
//调用方法：
domMark.enableLine(true);

1.2.12. enableTitle

该方法用来设置 title 的可见性

/**
 * 该方法用来设置title的可见性
 * @function enableTitle
 * @param enable {boolean}  可见性
 * @param id {string}  标签id，如果不传，则操作所有的标签
 */
//调用方法：
domMark.enableTitle(true);