Leaflet Heatmap没有产生渐变颜色

Sha*_*apa 1 javascript css heatmap leaflet

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

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

热图未根据值生成颜色 热图未根据值生成颜色

在arcmap(arcgis)中它是什么样子进行比较(不要比较极性,因为传单不支持它)

在arcmap(arcgis)中它是什么样子进行比较(不要比较极性,因为传单不支持它)

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

YaF*_*red 5

主要原因是您在 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);
Run Code Online (Sandbox Code Playgroud)

您必须将梯度索引(0.0 到 1.0)视为从最大强度的 0% 到 100% 的光标

这是结果...... 在此输入图像描述

看看如果将最大属性减少到更接近最高强度值(本例中为 3.2),您会得到什么

在此输入图像描述