首页 / OpenLayers / 使用示例
热力渐变色
热力图默认从蓝过渡到红,往往和深色底图冲突;gradient 数组可以从头定义整条色带。
源码与运行效果
说明
gradient 是颜色字符串数组,按下标从低到高映射到热力值,元素越多过渡越细腻。
示例在同一数据源上建了两个热力图层,一套用蓝绿黄红四段,一套用紫到橙的暖色带;
通过 setVisible() 切换,避免重复计算点位。
半径与模糊固定,方便只观察配色的差别。
| 操作 | 结果 |
|---|---|
| 选择「冷色带」 | 低值区域偏蓝绿,高值转为红 |
| 选择「暖色带」 | 整体偏紫橙,适合夜间底图 |
| 缩放地图 | 色带按强度重算,配色规则不变 |
色带数组应保持顺序单调,颜色来回跳会让人误以为出现多个热力峰值。