MMSDT.mouseEvent(moveColor)

鼠标移入移出IoT设备

需使用 MMSDT.mouseEvent 构建函数监听鼠标事件

配置 moveColor 鼠标移入IoT设备事件

参数

MMSDT.mouseEvent( eventMouse, onMove, outMove, onDown, onDouble, moveColor, getPoint, outLineSW, goBack )

eventMouse: 数组,需要监听的模型子网格名称,包含字符

onMove: 数组,鼠标移入事件

outMove:匿名函数,鼠标移出执行该函数

onDown:数组,鼠标单击事件

onDouble:数组,鼠标双击事件

moveColor:数组,IoT设备参数配置

getPoint:布尔值,是否开启获取坐标点

outLineSW:布尔值,鼠标移入IoT设备,对设备是否沟边显示

goBack:回调函数,单击IoT设备(或图标)返回该IoT设备信息

moveColor

var moveColor = [ hoverColor, resColor, equipment, linkage ]

hoverColor:16进制色值,鼠标移入设备或图标所叠加的颜色

resColor:16进制色值,鼠标移出设备或图标所叠加的颜色

equipment: 布尔值,设备是否变色

linkage: 布尔值,设备与图标的变色是否联动

代码示例

//读取设备的json配置文件 MMSDT.getJson( dirUrl+"models/equip.json", callbackEquip); //回调函数 function callbackEquip( dateJson ){ var parameter1 = { dirUrl: dirUrl, //安装目录 scale: 0.02, //设备模型大小缩放 visible: true, //默认显示 } MMSDT.addModel(dateJson, parameter1); //加载设备模型(参数、目录、缩放) var parameter2 = { dirUrl: dirUrl, //安装目录 scale: 1, //缩放比例 height: 4, //相对高度 color: 0x00baff, //默认颜色 visible: true, //默认显示 } MMSDT.addIcon( dateJson, parameter2); } //数组,需要监听的模型子网格名称 var eventMouse = []; //数组,模型的移入事件 var onMove = []; //匿名函数,鼠标移出事件 var outMove = function(){} //数组,鼠标单击事件 var onDown = []; //数组,鼠标双击事件 var onDouble = []; //数组,鼠标移入移出IoT设备事件。[移入叠加的颜色,移出叠加的颜色,设备是否变色,设备与图标变色是否相关联] var moveColor = [0xff0000,0x00baff,true,true]; //回调函数,鼠标点击IoT设备的模型或图标返回信息 function goBack( dateJson ){} //构建函数监听鼠标事件 MMSDT.mouseEvent( eventMouse, onMove, outMove, onDown, onDouble, moveColor, false, false, goBack );

在线演示