前端使用二开Thingsboard一、二、三事(五)-仪表板(八)

最新推荐文章于 2024-07-17 15:26:15 发布
最新推荐文章于 2024-07-17 15:26:15 发布
阅读量53 收藏
点赞数
分类专栏： thingsboard、物联网、IOT 文章标签： 前端 iot 物联网 angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43163457/article/details/135993197
版权

logo

前端使用二开Thingsboard一、二、三事(五)-仪表板(八)

thingsboard之仪表板

九、地图部件

说一下地图部件，地图部件也就是将获取的经纬度在地图上进行打点展示，也可以进行历史轨迹回放，甚至可以实现实例图上定点信息添加展示，thingsboard中地图种类很很多种，有谷歌地图、HERE地图、腾讯地图等，目前国内应该是只能使用腾讯地图来实现定位功能
在这里插入图片描述

9.1地图部件中的数据

部件中的数据来源一定是有定位芯片的设备，比如各种手机终端、汽车等，数据键中一定要有 latitude和 longitude，只有有经纬度后才能实现定位功能，除了经纬度当然也可以添加其他数据，这些数据在提示框中可以进行展示
在这里插入图片描述

9.2地图部件中的高级

高级中是设备数据在地图中展示样式的调整地方，首先是通用设置，选择腾讯地图，键名与前面数据源中的键名保持一致

了解本专栏 订阅专栏 解锁全文 超级会员免费看
weixin_43163457
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
订阅专栏
前端使用二开Thingsboard一、二、三事(五)-仪表板(二)
weixin_43163457的博客
02-19 181
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
前端使用二开Thingsboard一、二、三事（一）-thingsboard介绍
weixin_43163457的博客
02-18 218
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
前端使用二开Thingsboard一、二、三事(五)-仪表板(七)
weixin_43163457的博客
03-12 147
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
前端使用二开Thingsboard一、二、三事(二)-设备
weixin_43163457的博客
02-18 67
登录Thingsboard后，进入的第一个页面便是首页，首页展示分为两部分，默认展示的是快捷入口模块点击模块便可进入相应的侧边栏页面，默认显示模块个数与侧边栏展示列一般相同，展示内容可在代码中进行删减，具体操作在上一章中已做介绍，此处不再累述，除了默认展示外，还可根据用户需求制作数据展示首页，如下图：怎么制作数据展示页面是个复杂的过程(二次开发主要集中在这里)，之后会单独讲，此处先说如何切换默认首页和数据展示首页。
前端使用二开Thingsboard一、二、三事(五)-仪表板(一)
weixin_43163457的博客
02-21 84
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
前端使用二开Thingsboard一、二、三事(五)-仪表板(六)
weixin_43163457的博客
03-04 169
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
前端使用二开Thingsboard一、二、三事(五)-仪表板(五)
weixin_43163457的博客
03-04 92
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
前端使用二开Thingsboard一、二、三事(五)-仪表板(三)
weixin_43163457的博客
02-26 157
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
端使用二开Thingsboard一、二、三事(五)-仪表板(四)
weixin_43163457的博客
02-26 91
以项目实战为基础，逐步介绍前端在thingsboard系统二次开发中的一些注意事项以及一些thingsboard一些页面功能讲解，为前端人员开发使用thingsboard提供一种可靠思路，打造一个完美的物联网系统。
thingsBoard仪表板黑暗主题切换
03-29
ThingsBoard提供了一个高度可定制的仪表板，用户可以根据自己的需求创建和配置各种图表、控件和布局。默认情况下，其界面通常采用明亮的主题，但在长时间使用后，特别是在光线较暗的环境中，用户可能希望切换到更...
行业资料-交通装置-一种汽车仪表板前端卡扣固定结构.zip
08-17
行业资料-交通装置-一种汽车仪表板前端卡扣固定结构.zip
行业资料-交通装置-一种汽车仪表板系统前端与车体的安装结构.zip
08-21
行业资料-交通装置-一种汽车仪表板系统前端与车体的安装结构.zip
行业资料-交通装置-一种汽车副仪表板前端储物盒.zip
09-11
行业资料-交通装置-一种汽车副仪表板前端储物盒.zip
how-2-use-thingsboard:一些文档可以帮助使用Thingsboard
04-06
Thingsboard使用基于3.2分支的使用文档，包含基础、高阶、二开和扩展阅读准备Jdk，11+（因3.2.2版本需要11），用于编译运行Maven，3.2.1+，不强制需要，某些IDE也自带IDE，推荐Idea，查看代码和运行Html5浏览器，...
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1110
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
最新发布
OpenTiny的博客
07-17 667
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
cookies,sessionStorage和localStorage都有什么区别
qq_51856496的博客
07-17 196
cookies,sessionStorage和localStorage都有什么区别 cookies在请求数据传输的时候会携带至后台，sessionStorage,localStorage是纯客户端缓存 cookies有过期机制,sessionStorage是会话级缓存，窗口关闭后会销毁，localStorage是本地持久缓存手动才会清除 cookies只能存储4KB并且不推荐前端用js直接操作，sessionStorage,localStorage存储有5MB
(三)js前端开发中设计模式之工厂模式
峰会路转的博客
07-17 148
工厂模式是一种创建型设计模式，它可以帮助我们根据需求创建对象。
thingsboard前端ui框架使用的是哪个
11-15
经过查阅资料，Thingsboard前端UI框架使用的是AngularJS。AngularJS是一个由Google开发的JavaScript框架，用于构建动态Web应用程序。它提供了一组工具和库，使开发人员能够更轻松地构建客户端应用程序。AngularJS的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值