添加动态文字图标

设备图标显示为动态文字

参数

MMSDT.textIcon( dateJson, parameter, texts )

dateJson: 设备列表参数

parameter: 文本参数设置

texts: 文本内容

代码示例


	
	
//读取设备的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 parameter = {
        scale: 1,                              //缩放比例
        height: 5,                             //相对高度
        color: 0x00baff,                       //默认颜色
        backboard: 'textures/backboard.png',   //背景板图片
        fontSize: '22pt Microsoft YaHei',      //文字大小、字体类型
        fontColor: '#ffffff',                  //文字颜色
        fontSpace: 37,                         //文字上下间距
        fontLeft: 15,                          //文字左缩进
        fontTop: 40,                           //文字上缩进
	}   
	
	var texts=[];                              //文字内容
	for( var i=0; i < dateJson.model.length; i++ ){
        texts[i]=[];
        texts[i][0] = '设备类别：';               //第1行文字
        texts[i][1] = dateJson.model[i].type;    //第2行文字
        texts[i][2] = '设备ID号：';               //第3行文字
        texts[i][3] = dateJson.model[i].id;      //第4行文字
	}    	
	MMSDT.textIcon( dateJson, parameter, texts );  //添加文本图标
}


    
//鼠标事件	
var eventMouse = [];    
var onMove = [];
var outMove = function(){}
var onDown = [];
var onDouble = [];

var moveColor = [0xff0000,0x00baff,true,true];    //移入颜色，移出颜色，设备是否变色，设备与图标变色是否相关联

function goBack( dateJson ){}

//构建函数监听鼠标事件
MMSDT.mouseEvent( eventMouse, onMove, outMove, onDown, onDouble, moveColor, false, false, goBack );

添加动态文字图标

参数

代码示例

在线演示