添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
孤独的火龙果  ·  第15.12节PyQt(Python+Qt) ...·  23 小时前    · 
爱热闹的奔马  ·  汲取奋进力量 ...·  1 年前    · 
买醉的闹钟  ·  select2 ...·  1 年前    · 

先来一张图,看看实现效果,Thingsboard3.1目前支持腾讯地图、谷歌地图、opensteet地图、诺基亚here地图、image 地图,国内我们用不了谷歌,下面的示例使用腾讯地图,前几天在社区群里有人问过腾讯地图的定位图片用的是谷歌的,国内用不了,我试了一下还真是,但是tb的地图提供了更换图标的功能,所以我们使用不用担心。

下面说一下使用流程。

1,完成设备接入,我有一辆摩托车,上面可以定时采集上报gps经纬度、时速等信息,我这里使用了mqtt直连tb的方式完成设备接入。

mqtt server:tb为每个设备创建的mqtt server

mqtt账号:tb设备的accesstoken,密码为空

topic:v1/devices/me/telemetry

payload:{
"Speed":"200",
"longitude":"108.96",
"latitude":"33.55",
"vehicleType":"car"
}

2,仪表盘创建一个dashboard,老规矩,先配置数据源,这里我选择了我的摩托,把经纬度、时速都配置好。

3,高级中选择腾讯地图,没有apikey的去申请一个。

4,用mqttbox直连tb,发送第一步payload到tb上,就可以在地图上看到,可以改下速度,就可以看到车辆颜色变化

先来一张图,看看实现效果,Thingsboard3.1目前支持腾讯地图、谷歌地图、opensteet地图、诺基亚here地图、image 地图,国内我们用不了谷歌,下面的示例使用腾讯地图,前几天在社区群里有人问过腾讯地图的定位图片用的是谷歌的,国内用不了,我试了一下还真是,但是tb的地图提供了更换图标的功能,所以我们使用不用担心。下面说一下使用流程。1,完成设备接入,我有一辆摩托车,上面可以定时采集上报gps经纬度、时速等信息,我这里使用了mqtt直连tb的方式完成设备接入。mqtt ser
AIOT的Thin gs Board 平台的应用场景界面搭建AIOT智慧牧场应用界面搭建一、仪表盘的创建与配置二、牧场 地图 组件的添加三、电子围栏创建与配置四、实现最终效果 AIOT智慧牧场应用界面搭建 一、仪表盘的创建与配置 首先添加仪表盘 添加实体别名 添加新 部件 ,并添加数据源 数据源的格式必须按要求,否则不能正常在 地图 显示 二、牧场 地图 组件的添加 三、电子围栏创建与配置 四、实现最终效果 Thin gs Board 使用leaflet加载 地图 ,而且大部分 地图 相关的方法都封装在 ui-ngx/src/app/modules/home/components/widget/lib/maps/leaflet-map.ts 如:添加标记 设置经纬度 删除标记