百度热力图颜色修改

最新推荐文章于 2024-06-24 14:46:55 发布

七侠剑客

最新推荐文章于 2024-06-24 14:46:55 发布

阅读量1.3w

点赞数 2

分类专栏：百度地图 JS 文章标签：百度地图热力图

本文链接：https://blog.csdn.net/qq_36727756/article/details/88868092

版权

JS 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

百度地图

10 篇文章 1 订阅

订阅专栏

百度热力图颜色修改

百度地图开发时，有时候需要展示热力图，但往往原始颜色自己又不是很喜欢，所以可以自己根据喜好的颜色进行修改
百度原始热力图：
在这里插入图片描述
修改方式：找到引入文件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)"

        },