James.Lv 发表于 2020-2-7 12:26:04

热力地图

本帖最后由 JamesLv 于 2020-2-7 20:07 编辑

在仪表板中除了使用系统已有的可视化组件之外,还可以通过内置扩展插件,甚至自定义插件绘制更多样化的图表以更丰富的形式展示数据。
版本更新记录
版本号更新内容支持Wyn Enterprise版本下载地址
V1.0第一次发布3.0.04167.0

1.内容概述热力地图可以在地图上通过经纬度的标记数据点,并通过颜色变化展现实时描述人群分布,密度和变化趋势,可视化的展示该地区不同区域的热度,非常适合创建数据大屏、管理驾驶舱等场景的需要。另外,该可视化扩展插件还演示了在Wyn Enterprise中集成百度地图和Echarts的详细方法。本节为您介绍扩展组件热力地图的基本用法。
2.操作步骤(1)下载插件包下载热力地图插件包,将其保存到本地计算机并解压。
(2)添加百度应用AK编号打开插件包中的index.html文件
按照下图所示修改百度地图应用ak编号,然后保存文件。

提示百度地图应用的ak编号获取说明:您需要注册百度账号(https://lbsyun.baidu.com/apiconsole/center#/home),并创建应用。请注意创建应用时,将应用类型选择为“浏览器端”。
(3)添加自定义插件
将修改后的文件夹放置到Wyn Enterprise安装目录Server\wwwroot\Web Contents\   路径下即可在产品中体验
例如: D:\Wyn Enterprise\Server\wwwroot\Web Contents\



(4)新建仪表板添加外部扩展组件
将外部扩展组件拖拽到仪表板编辑区。


(5)选择插件
单击组件右上角的编辑按钮进入编辑状态,选择“热力地图”,然后单击“确定”。


(6)数据绑定
添加外部扩展组件后,“数据绑定”面板会自动打开,将数据集中的字段拖拽到绑定区即可完成数据绑定。

注意
数值绑定区域中仅能绑定一个字段,如绑定了多个字段,则仅第一个生效。
维度绑定区域中必须按照上图所示的顺序绑定经度信息和纬度信息。
附件中包含了一个示例数据excel,可以作为热力地图数据集使用。

(7)属性设置
在编辑区右侧选择“属性设置”进行图形样式设置。

自定义属性设置说明如下:
{
    "zoom": 14,
    "center": [120.1185289759723,30.232922199919635],
    "color": [
      "blue",
      "blue",
      "green",
      "yellow",
      "red"
    ],
    "mapStyle": {
      "style": "normal"
    }}

1. “zoom”: 地图缩放级别数字越大,地图放大程度越大,视野越小可选值: 3~19的整数,默认为 0
2. “center”: 地图中心点经纬度经度数据范围为: -180~180纬度数据范围为: -90~90 3. “color”: 热力地图颜色区分
4.“mapStyle”: 地图样式。可以设置三种字段: “style”, “styleId”“style”: 可选值:"normal","light","dark","redalert","googlelite","bluish“,"grassgreen","midnight","pink","darkgreen",”grayscale","hardedge"请参考: http://lbsyun.baidu.com/custom/list.htm
”styleId“: 利用百度地图个性化工具编辑得到。参考: http://lbsyun.baidu.com/apiconsole/custommap

(8)预览并保存仪表板
预览后如效果满意,即可保存仪表板。







ZenosZeng 发表于 2020-2-9 20:32:40

这个插件不错:hjyzw:
页: [1]
查看完整版本: 热力地图