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

本文链接：https://blog.csdn.net/ThingJS/article/details/113264257

本文介绍了在3D场景中如何使用ThingJS绘制测量线，包括创建参数构造器、测量线生命周期和坐标点距离计算。提供了demo链接，展示了在线拖拽测量并动态显示数据的功能。同时，详细解释了坐标点距离的计算方法，支持单线段和多线段测量。文章最后鼓励开发者尝试在3D模型中加入更多测量方式，如弧线测量。

摘要由CSDN通过智能技术生成

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

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

简介：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]