热力图
热力图,是一种通过对色块着色来显示数据的统计图表。而热力图子组件支持在三维城市的地表绘制热力图。
如下图,在子组件列表中点击 “热力图”可以进入热力图子组件的相关设置。
数据项
热力图子组件支持在数据项设置中传入数据,数据接口字段说明如下表:
字段 | 状态 | 说明 |
---|---|---|
lng | 必传 | 热力图所在位置的经度 |
lat | 必传 | 热力图所在位置的纬度 |
value | 必传 | 热力图的值,值得大小与热力图颜色的深浅有关 |
数据示例:
[
{
"lat": 26.56819,
"lng": 106.7045,
"value": 10
},
{
"lat": 26.56819,
"lng": 106.7245,
"value": 30
},
{
"lat": 26.55819,
"lng": 106.7245,
"value": 60
},
{
"lat": 26.55819,
"lng": 106.7045,
"value": 90
},
{
"lat": 26.55819,
"lng": 106.7105,
"value": 90
},
{
"lat": 26.56810,
"lng": 106.70534,
"value": 90
}
]
基本设置
- 热力图范围:热力图的显示的区域,热力图超过区域的部分将不显示。
- 热力点半径:热力图的半径。范围:[1,250]
- 热力数据最小值:热力图数值value的最小值,当传入的value小于最小值时按照最小值计算
- 热力数据最大值:热力图数值value的最大值,当传入的value大于最小值时按照最大值计算
样式设置
- 图层透明度 : 热力图的透明度。范围:[0,1]
- 模糊:范围 [0,1]
- 色带:
- 渐变色选择:内置 | 自定义
- 模板选择:当渐变色选择的值为“内置”时显示,内置有四个热力图渐变色模板。
- 自定义渐变色:当渐变色选择的值为“自定义”时显示,可以自行定义渐变色。
蓝图编辑器
事件
事件 | 说明 |
---|---|
当数据接口数据请求完成时 | 数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。 |
动作
动作 | 说明 |
---|---|
当请求数据接口 | 重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如折线阶梯图配置了API数据源为 http://api.test,传到请求折线阶梯图接口动作的数据为{ id: '1'},则最终请求接口为http://api.test?id=1。 |
当导入数据接口 | 按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。 |
镜头飞入该组件 | 场景相机镜头会缓慢飞入场景热力图组件的上方。 |
显示 | 在三维城市场景中显示该子组件 |
隐藏 | 在三维城市场景中隐藏该子组件 |