官方案例（十四）：3D场景多线段绘制及测坐标点距离 ThingJS

#前端# #CAD# #物联网可视化开发#

1. 创建参数构造器
2. 绘制测量线生命周期
3. 坐标点距离计算

简介：CAD图纸上测量线段是常见功能，3D场景中如何测量线段呢？不需要选取、合并等手动操作，3D界面的测量自带量角功能，实现起来更加流畅。

demo链接：http://www.thingjs.com/guide/?m=sample

创建参数构造器

js是基于对象的编程语言，创建对象的方式多样，常见的有JSON格式创建、构造函数创建。ThingJS使用 Constructor () 作为对象构造器函数，用来构造一种“对象类型”，即创建相同类型的对象框架。
在对象中使用this，指的就是新对象， 当一个新对象被创建时，this 的值会成为这个新对象。但是this本身不是变量，而是作为关键词。对象中一切都是属性， Constructor () 构造器为对象的属性赋初始值，JS中可以任意扩展构造参数option，实现动态绑定。例如绘制测量线的构造参数创建如下：

/**
 * 绘制测量线
 */
class DrawLine {
   
   
    /**
     * 构造器
     * @param {JSON} option - 构造参数
     */
    constructor(option) {
   
   
        this.opts = option;
        this.pointsArr = [this.opts.currPosition];  // 鼠标移动中坐标点的集合
        this.coordinatesArr = [this.opts.currPosition];  // 存储鼠标点击后坐标点的