WELCOME TO BIG DATA VISUALIZATION

新闻中心 

最新的一体化系统新闻资讯 时刻在线 持续服务
CRAFTSMANSHIP TO
CREATE A “SAID” WORKS

使用SDK(MJGL.JS)对3D场景进行鼠标操作(三)

发布于 2022年10月17日

这期文章讲解如何使用我搭世界SDK对3D场景进行鼠标操作,关于相机如何操作3D场景的问题,想了解的小伙伴可以查看上一期的文章。

 

使用我搭世界SDK对3D场景进行操作,我们要先挂载节点并执行加载场景的方法,如下:

 

1

 

2

 

通过上图,我们加载场景的操作已经做好了,接下来我们可以加入鼠标事件,对3D监控设备进行点击。

 

 

 

鼠标操作事件

 

鼠标左键双击和鼠标右键单击事件的方法,我们把它加在场景加载完成后的回调方法里。

 

3

 

 

 

鼠标右键单击事件

 

4

 

在场景里点击了设备,如下:

 

5

 

6

 

 

 

鼠标左键双击事件

 

7

 

在场景里点击了设备,如下:

 

8

 

9

 

MJGL.objectMgr.getModelIdObject 方法是根据模型id获取模型信息。

 

这个方法有3个参数,参数1:模型id,参数2:是否当前楼层,参数3:是否监控设备。

 

一般用到这个方法,就是因为我们点击设备的时候,信息不全(_data的数据),就可以用这个方法,来拿到我们想要用到的信息(_item的数据),如下图:

 

10

 

这里鼠标右键单击或鼠标左键双击拿不到点击的设备的名称,通过这个方法,就拿到了点的这个设备的名称。

 

除了右键设备和双击设备,还有鼠标经过设备的方法,如下图:

 

2

 

鼠标经过

 

鼠标经过某个监控设备,文字提示

 

参数1:模型的id,参数2:模型的名称

 

MJGL.objectMgr.SetObjectTips("X0SvAt4RB0Ap", "温湿度");

 

还可以设置鼠标经过文字提示的样式

 

参数1:宽度,参数2:高度,参数3:字体大小

 

如果要改变提示文字的大小,修改参数3就可以了。

 

MJGL.render.UIToolTip.Reset(1, 1, 30);

 

以上,就是鼠标右键单击和鼠标左键双击以及鼠标经过的事件和方法。

建模 三维可视化 3D
预约产品DEMO演示
填写即可获得免费服务和资料下载/工作人员基于您的需求远程 演示数字孪生解决方案

姓名



公司名称



工作邮箱



手机号



所在城市



我想要


 数据中心

 数据可视化大屏

 我搭世界

 成为合作伙伴



其他需求