先來一張圖，看看實現效果，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上，就可以在地圖上看到，可以改下速度，就可以看到車輛顏色變化