Leaflet Heatmap 没有产生渐变色

Question

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

演示在http://shafiqmustapa.my/test.html

heatmap没有根据value

产生颜色

它在arcmap（arcgis）中的样子进行比较（不要比较interpolarity，因为leaflet 不支持它）

可能是什么问题。提前致谢。

Answer 1

主要原因是你在heatLayer参数中注释了gradient属性

然后你需要增加最大属性，因为你的强度值高于 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），看看会得到什么

Leaflet Heatmap 没有产生渐变色

Leaflet Heatmap did not produce gradient color

javascript

css

heatmap

leaflet