Javascript 传单热图不产生渐变色

我有一个简单的传单热图示例，其中包含数据（超过10000行）。但它并没有产生应有的梯度热图

演示在

热图未根据值生成颜色

用于比较的arcmap（arcgis）中的情况（不要比较极性，因为传单不支持极性）

---

有什么问题吗。提前感谢。

主要原因是您在heatLayer参数中注释了渐变属性

然后需要增加“最大”（max）属性，因为点中的“强度”（intensity）值高于1

试试看

  var heat = L.heatLayer(quakepoints,{
        radius: 20,
        blur: 15, 
        maxZoom: 10,
        max: 4.0,

        gradient: {
            0.0: 'green',
            0.5: 'yellow',
            1.0: 'red'
        }
    }).addTo(map);

您必须将渐变索引（0.0到1.0）视为最大强度的0%到100%之间的光标

这是结果。。。

如果将“最大”属性降低到更接近最高强度值的值（本例中为3.2），请查看得到的结果

---

主要原因是您在heatLayer参数中注释了渐变属性

然后需要增加“最大”（max）属性，因为点中的“强度”（intensity）值高于1

试试看

  var heat = L.heatLayer(quakepoints,{
        radius: 20,
        blur: 15, 
        maxZoom: 10,
        max: 4.0,

        gradient: {
            0.0: 'green',
            0.5: 'yellow',
            1.0: 'red'
        }
    }).addTo(map);

您必须将渐变索引（0.0到1.0）视为最大强度的0%到100%之间的光标

这是结果。。。

如果将“最大”属性降低到更接近最高强度值的值（本例中为3.2），请查看得到的结果