在数字孪生可视化场景中，可能会遇到这个问题，即需要测量数字孪生可视化场景中的不同目标之间的距离。通过这个测量，可以明确的知道可视化场景中各个目标的位置以及各个目标之间的距离，便于做出合理的规划。这个需求并不难，我们需要做的是确定需要测量的对象的坐标点起点和终点位置。

运行效果如下：





在ThingJS中要知道场景中两点间的空间距离可以通过调用三维空间内所有坐标点，计算两个坐标点的距离去量算出两点之间的空间距离，需要通过鼠标点击才能获取到两点之间的空间距离。比如我要知道场景中某两个场景距离有多长，就可以通过鼠标点击两个甚至多个场景位置，来计算三维场景中任意三维点的空间距离。下面一起看一下操作步骤：

1、添加注册事件，注册测量详情界面拖拽事件，设置可拖拽范围不能超出屏幕。



2、ThingJS使用 Constructor () 作为对象构造器函数，用来构造一种“对象类型”，即创建相同类型的对象框架。Constructor () 构造器为对象的属性赋初始值，JS中可以任意扩展构造参数option，实现动态绑定。绘制测量线的构造参数创建如下：







3、单击鼠标左键添加点位，双击或单击鼠标右键结束。如果是多线段测量，移动鼠标可以持续绘制。



4、创建节点、线段和节点顶牌这些基本元素，确定起点、各个节点的坐标。其中线段属于所有鼠标点击后的坐标点集合，即测量的总距离。







通过以上的操作，可以实现多点线段绘制并计算出多点线段之间的距离。上图展示了多点线段长度的测试结果。快来试试看吧！