Leaflet Heatmap不会产生渐变色

时间:2016-03-17 12:33:11

标签: javascript css leaflet heatmap

我有一个简单的传单热图示例,包含数据(超过10,000行)。但它并没有产生应有的梯度热图。

演示位于http://shafiqmustapa.my/test.html

heatmap did not produce color according to value 热图不会根据值生成颜色

what it is look like in arcmap (arcgis) for comparison (dont compare the interpolarity as leaflet does not support it)

在arcmap(arcgis)中用于比较的样子(不要比较插值,因为传单不支持它)

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

1 个答案:

答案 0 :(得分:3)

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

然后你需要增加max属性,因为你的点的强度值高于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%之间的光标

结果如下...... enter image description here

如果将max属性降低到接近最高强度值(在这种情况下为3.2),请查看获得的结果

enter image description here