操作指南(数据可视化大屏)

参与文档共建赢好礼> HOT

地图组件说明

最近更新时间:2022-03-18 14:57:33

本文为您介绍地图组件主要的6个图层。

热力效果(基础版用户可用)

地图底层数据,开启后会根据数据面板中的数据绘制热力效果,默认只有省级数据,开启下钻图层后可支持地区热力效果,不可删除改图层,可以关闭热力效果。属性分为:

  • 图例:默认不开启,根据数据生成图例。
  • 热力效果:可以设置热力图样式;当数据差距较大的时候,可以开启智能优化开关,优化绘制效果。

数据:在数据面板传入格式为{ "x": "重庆", "y": 100 }的数据,x 代表城市,y 代表热力值。

气泡效果(基础版用户可用)

气泡效果如下图所示,可以根据传入的数据在地图上绘制气泡,气泡大小根据数据大小而定,可删除图层。属性分为:

  • 气泡样式:可以设置气泡的样式,例如:颜色、透明度、渐变等。
  • 状态:开启状态后,可以在数据中添加 status 字段,取值为状态 key 对应取值,可以将气泡用该状态对应颜色标注出来。

数据:同热力数据格式。

迁移效果(基础版用户可用)

迁移图层展示两点之间的迁移效果,迁移图层的样式可以在属性面板进行设置,可以删除图层。属性分为:

  • 迁移样式:迁移线样式,例如:底层颜色、飞线颜色、动画效果等。
  • 起点图标样式:起点的样式,例如:半径、动画效果等。
  • 终点图标样式:起点的样式,例如:半径、动画效果等。

数据:输入数据格式为{ "from": "四川", "to": "广东", "fromLat": 30.65089, "fromLng": 104.07572, "toLat": 23.13171,"toLng": 113.26627 }的数组,优先根据 from 和 to 传入的数据进行,如果没有根据 from 和 to 查询到数据,则会根据 fromLat、fromLng、toLat、toLng 绘制迁移线。

线热力效果(基础版用户可用)

可以根据传入的数据按照颜色和描边宽度,标志出两个地区的数据变化,可以删除图层。属性分为:

  • 线热力样式:设置线热力图样式,例如:最大最小值对应的颜色和描边宽度、描边样式、描边颜色。
  • 状态(不可用)。
  • 动画:开启动画后,从起点到终点会有光斑移动的动画样式,可以设置光斑大小、动画周期等。

数据:在数据面板输入 GeoJSON 格式数据,property 中的 value 值可以指定线热力图对应的数据大小,currentDestination 指定热力图的重点位置。数据示例如下:

{
    "type": "FeatureCollection",
    "features": [
        {
        "type": "Feature",
        "properties": {
            "value": 10,
            "currentDestination": [
            113.26627,
            23.13171
            ]
        },
        "geometry": {
            "type": "LineString",
            "coordinates": [
            [
                104.07572,
                30.65089
            ],
            [
                113.26627,
                23.13171
            ]
            ]
        }
        }
    ]
}

省市区下钻图层(企业级用户可用)

开启该图层之后,可以根据传入的参数显示指定区域数据,可以删除图层。属性分为:

下钻样式:可以选择需要展示的区域以及该区域的展示样式,例如:边线颜色、描边宽度等。

数据:在数据面板传入{ "name":"成都", "adcode":"510000" }格式的数据,可以不传,不传的话以属性面板设置为准,传入的话首先检查 adcode,若 adcode 没有查到,则查询 name 字段传入的区域数据,若都没有查到则显示中国地图。

弹出效果层(企业级用户可用)

可以在特定位置加上图层,展示区域信息,可以删除图层。属性分为:

  • 弹出效果层样式:展示图层样式,例如:边框样式、文案样式和弹出层位置。
  • 图标样式:标志弹出层对应区域的样式,例如:颜色、大小、光晕等。
  • 动画效果:控制弹出层和图标的动画,默认样式:图层从下到上渐入,图标从下到上升起。

数据:在数据面板传入{ "x":"成都", "text":"510000" }格式的数据,展示信息。

目录