搜索本产品文档关键词
设备地图
所有文档
menu

物联网数据可视化

设备地图

概述

设备地图,展示数据表中地理信息数据。

image

目前支持的地理信息数据类型为百度坐标系(详见百度地图文档)的经纬度值。

支持数据可视化的展示形式可以是“轨迹”(需要“分组”)或“位标”。

轨迹示例:

image

位标示例:

image

特有静态属性

设备地图支持设定若干属性,可以在设计器右边栏的“样式设置”标签页中进行设置。除了尺寸位置边框等通用属性之外,设备地图还支持下列特定属性:

显示 \ 缩放

地图的缩放级别,3-18级,详见百度地图文档

显示 \ 自动居中

开关,打开后会根据当前绑定的数据自动计算并设置地图的中心点

显示 \ 城市列表

开关,打开后会在地图左上角显示城市选择器控件,方便用户进行地图跳转

image

标题

数据弹窗中的标题

类型

“轨迹”或“位标”

数据配置

设备地图需可以通过绑定数据表来展示数据可视化。

数据格式

数据表中应当包含百度坐标系经纬度值的数据列,如下表中的“latitude”和“longitude”两列值分别为“纬度”值和“经度”值。

timestamp
latitude
longitude
city
connector
id
vendor
2018-05-18 13:39:02 31.18 121.51 上海 1 8 奔驰
2018-05-18 13:38:59 31.18 121.51 上海 1 8 奔驰
2018-05-18 13:38:55 31.18 121.51 上海 1 8 奔驰
2018-05-18 13:38:51 31.18 121.51 上海 1 8 奔驰
2018-05-18 13:38:48 31.18 121.51 上海 1 8 奔驰
2018-05-18 13:38:44 31.18 121.51 上海 1 8 奔驰
2018-05-18 13:38:40 31.18 121.51 上海 1 8 奔驰
... ... ... ... ... ... ...

首先在“数据表”页面准备好如上数据,假设准备好的数据表命名为『地理位置数据』。

image

接下来就可以在设计器中,通过设备地图组件的“数据配置”界面进行绑定。

数据绑定

在设计器中选择待绑定的设备地图组件,从右边栏中找到并点击『数据配置』标签页:

image.png

  • 数据表:【必填】要绑定的数据表,例如上一步创建的『地理位置数据』
  • 经度:【必填】包含经度信息的列,例如示例中的『longitude』
  • 纬度:【必填】包含纬度信息的列,例如示例中的『latitude』
  • 分组:【选填】根据特定列的值进行分组,支持多选,例如示例中的city,connector,id,vendor,只有分组后的数据,才可以被绘制成“轨迹”
  • 信息:【选填】点击轨迹或位标时信息框内所展示的列,支持多选,例如可以选中示例中的所有列

通过上述绑定,“地理位置数据”数据表就被分解成多个序列(若无分组信息,所有数据会被放在同一个序列)。

  • 若样式为“轨迹”,设备地图会为每个(分组)序列绘制一根轨迹,贯穿序列中的所有经纬度
  • 若样式为“位标”,设备地图会为每个序列绘制一个位标,位置为该序列最后一组经纬度

动态属性

当仪表盘被集成使用时,可以在运行时通过SDK(使用方法见物可视Player API文档)设置下列设备地图属性。

ak

百度地图的API密钥。 设备地图默认的密钥可能会受到访问限制,这时用户应当自行申请地图密钥,并设置该属性。申请方法参见百度地图开放平台

类型:string

动态事件

当仪表盘被集成使用时,可以在运行时通过SDK(使用方法见物可视Player API文档)监听下列设备地图事件。

currentZoom

地图缩放事件,用户通过任意方式改变地图缩放等级时触发。

事件参数:zoomLevel 改变后的缩放等级, number类型

currentCenter

地图中心点移动事件,用户通过任意方式改变地图中心点时触发。

事件参数:center 改变后的中心点, 百度地图Point类型

currentClicked

数据点点击事件,用户鼠标左键点击轨迹或位标时触发。

事件参数:data 鼠标点击的数据点数据。包含lat(纬度)、lng(经度)、raw(绑定面板中的“信息”数据)。

上一篇
行政区地图
下一篇
车联网轨迹地图