thingsboard使用地图和表可视化资产数据~看完还不会 你pan我

Panther 从一位小白走来，虽然现在也还是小白，但是我取之于民，不定时将自己所学到的都分享给大家，在上一篇博客中有讲到thingsboard的多设备共显，这里讲一下tb的使用地图和表可视化资产数据

Chaina ThingsBoard

群里随时通知最新tb教程，可进行技术交流；不定期无偿分享tb插件或者部件库等等相关教程及程序源码

QQ群	QQ号
China Thingsboard	726442610

这里只是简单的显示效果 好不好看的不重要，过程超级详细

这里呢是从tb官网的视频上学习的这里贴出连接，大家去看视频更直观
https://thingsboard.io/docs/guides/

one
创建资产+关系+设备
资产 – 新增 – 添加资产


同理添加三个资产

接着点击资产 District A – 会弹出页面选择 RELATIONS关联 – 点击加号

添加资产

同理添加 Building B

左侧导航栏切换到设备 – 添加设备(如果大家第一次创建是没有我的这些设备的)


同理再添加两台 （这里与视频中的名称不一致 Meter）
Enregy meter A-1 设备类型为 energy sensor
Water meter A-1 设备类型为 water sensor

再次切换到左侧导航栏 Assets 资产
选择 Building A

依次选择关联 – 添加


依次添加三台设备
Thermostat A-1
Enregy meter A-1
Water meter A-1

步骤2：添加服务器属性
ASSETS – 切换到左侧导航栏资产 --选择 Building A

选择属性 – 添加

添加 address

添加 latitude

添加 longitude

添加成功

同理 Building B

步骤3： 创建仪表板并添加地图小部件
切换到左侧导航栏 DASHBOARDS 仪表板 – 新建
同样的如果大家第一次新建是没有 仪表板的

添加仪表板 Guide Dashboard

进入编辑模式

选择仪表板状态管理

仪表板状态编辑

改个名

设置实体别名

添加别名


保存 – 选择 – 添加新部件

选择部件 – maps – 最新值 – OpenStreeMapp

添加相应的数据 – 添加






步骤4：添加实体表小部件
切换到 左侧仪表板 选择Guide Dashboard – 编辑 – 添加 – 创建新部件（这个时候我们的设备已经显示出来了，你需要缩小缩小然后找到他，蓝色的都是大海）

选择部件 – cards – 最新值 – 实体 – 点击

这里是我配置错误的第二次(应该修改标签而不是键)

我这里总结一下我出错的两个地方
错误1

错误2

欧克 到这里大家的可视化地图仪表板就已经配置完成