首页 / OpenLayers / 使用示例
热力图权重
每个点的强度不应相同:weight 函数读取属性,把业务数值映射成热力浓度。
源码与运行效果
说明
ol.layer.Heatmap 构造时传入 weight 函数,
返回 0 到 1 的数值决定单个点的贡献。属性 value 除以 100 后作为权重,
因此高值点位附近颜色更深。radius 与 blur 都可在运行时用
setRadius()、setBlur() 调整,无需重建图层。
| 操作 | 结果 |
|---|---|
| 拖动「半径」滑块 | 单个点的热力扩散范围变大或变小 |
| 拖动「模糊」滑块 | 色斑边缘由硬变软 |
| 观察高值点附近 | 颜色明显高于低值点 |
权重为 0 的点依然占内存但不参与渲染,数据量大时先过滤掉零值再交给热力图层。