鼠标移入移出模型
需使用 MMSDT.mouseEvent 构建函数监听鼠标事件
配置 onMove 鼠标移入事件
配置 outMove 鼠标移出事件
参数
MMSDT.mouseEvent( eventMouse, onMove, outMove, onDown, onDouble, moveColor, getPoint, outLineSW, goBack )
eventMouse: 数组,需要监听的模型子网格名称,包含字符
onMove:数组,鼠标移入事件
outMove:匿名函数,鼠标移出执行该函数
onDown:数组,鼠标单击事件
onDouble:数组,鼠标双击事件
moveColor:数组,IoT设备参数配置
getPoint:布尔值,是否开启获取坐标点
outLineSW:布尔值,鼠标移入IoT设备,对设备是否沟边显示
goBack:回调函数,单击IoT设备(或图标)返回该IoT设备信息
onMove属性
var onMove = [ [array, function], ]
array:数组,鼠标移入有效的子网格名称
function:匿名函数,鼠标移入执行该函数,参数传入指向的子网格名称
代码示例
//初始化材质系统,模型材质变色需要
MMSDT.setMaterials();
//数组,需要监听的模型子网格名称
var eventMouse = ["sm","cx1","cx2","cyy","tx","ds_","ds2"];
//数组,模型的移入事件
var onMove = [
[ ["sm","cx1","cx2","cyy","tx"], function(name){ MMSDT.superposition([ name ] , 0xffff00); } ], //指向其中5栋楼房变黄色
[ ["ds_","ds2"], function(name){ document.body.title = "标准厂房"; MMSDT.superposition([ name ] , 0xff0000) } ], //文字提示,指向其中2栋楼房变红色
];
//匿名函数,鼠标移出事件
var outMove = function(){
MMSDT.resSuperposition(["sm","cx1","cx2","cyy","tx","ds_","ds2"]); //楼房变色恢复
document.body.title = ""; //文字提示恢复为空
}
var onDown = [];
var onDouble = [];
var moveColor = [];
function goBack( dateJson ){
}
//构建函数监听鼠标事件
MMSDT.mouseEvent( eventMouse, onMove, outMove, onDown, onDouble, moveColor, false, false, goBack );
在线演示
Powered by mms3D