物可视IOTVIZ

    设备地图

    概述

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

    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(绑定面板中的“信息”数据)。

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