热力地图

在仪表板中除了使用系统已有的可视化组件之外，还可以通过内置扩展插件，甚至自定义插件绘制更多样化的图表以更丰富的形式展示数据。

版本更新记录

版本号	更新内容	支持Wyn Enterprise版本	下载地址
V1.0	第一次发布	3.0.04167.0	热力地图.zip (624.43 KB, 下载次数: 363) 2020-2-7 19:45 上传 点击文件名下载附件

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)  预览并保存仪表板
预览后如效果满意，即可保存仪表板。

这个插件不错