经纬志
首页 / OpenLayers / 使用示例

热力图权重

每个点的强度不应相同:weight 函数读取属性,把业务数值映射成热力浓度。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

ol.layer.Heatmap 构造时传入 weight 函数, 返回 0 到 1 的数值决定单个点的贡献。属性 value 除以 100 后作为权重, 因此高值点位附近颜色更深。radius 与 blur 都可在运行时用 setRadius()、setBlur() 调整,无需重建图层。

操作结果
拖动「半径」滑块单个点的热力扩散范围变大或变小
拖动「模糊」滑块色斑边缘由硬变软
观察高值点附近颜色明显高于低值点

权重为 0 的点依然占内存但不参与渲染,数据量大时先过滤掉零值再交给热力图层。