Thingsboard 3.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上，就可以在地图上看到，可以改下速度，就可以看到车辆颜色变化