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

热力渐变色

热力图默认从蓝过渡到红,往往和深色底图冲突;gradient 数组可以从头定义整条色带。

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

说明

gradient 是颜色字符串数组,按下标从低到高映射到热力值,元素越多过渡越细腻。 示例在同一数据源上建了两个热力图层,一套用蓝绿黄红四段,一套用紫到橙的暖色带; 通过 setVisible() 切换,避免重复计算点位。 半径与模糊固定,方便只观察配色的差别。

操作结果
选择「冷色带」低值区域偏蓝绿,高值转为红
选择「暖色带」整体偏紫橙,适合夜间底图
缩放地图色带按强度重算,配色规则不变

色带数组应保持顺序单调,颜色来回跳会让人误以为出现多个热力峰值。