百度热力图颜色修改

百度热力图颜色修改

百度地图开发时,有时候需要展示热力图,但往往原始颜色自己又不是很喜欢,所以可以自己根据喜好的颜色进行修改
百度原始热力图:
在这里插入图片描述
修改方式:找到引入文件Heatmap_min.js,打开该文件(一般该文件都为压缩文件,可以通过reformat code 解压),找到下面代码:

defaultGradient: {
            0.45: "rgb(0,0,255)",
            0.55: "rgb(0,255,255)",
            0.65: "rgb(0,255,0)",
            0.95: "yellow",
            1: "rgb(255,0,0)"
        },

选择自己喜欢的颜色进行修改,前者为透明度,后者为色系

defaultGradient: {
            0.45: "rgb(0,0,255)",
			0.55: "rgb(173,60,255)",
			0.65: "rgb(0,178,211)",
			0.95: "rgb(255,142,20)",
			1: "rgb(247,60,128)"

        },

修改后的热力图:
在这里插入图片描述