javascript - 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)，看看会得到什么