颜色渐变不起作用 leaflet.JS

Question

抱歉再次询问，我正在尝试对 Leaflet map 实施热图，但由于某种原因，似乎所有数据点都具有相同的颜色并且没有颜色渐变。

数据的最小值为565，最大值为2455，大约有900000+行数据。 这就是我得到的所有数据都以红色显示

 var cfg = {

  "radius":2,
  "maxOpacity": .8,

  "scaleRadius": false,
  "useLocalExtrema": true,
  latField: 'lat',
  lngField: 'lng',
  valueField: 'value',
  gradient: { 565:"rgb(255,255,204)",1200:"rgb(255,237,160)",1300:"rgb(254,217,118)",1500:"rgb(254,178,76)",1800:"rgb(253,141,60)",2000:"rgb(252,78,42)",2100:"rgb(227,26,28)",2455:"rgb(177,0,38)" }
};
var heatmapLayer = new HeatmapOverlay(cfg);
var map = new L.Map('map', {
  center: new L.LatLng(28.762929,-9.755429),
  zoom: 5,
  maxZoom: 11,
  minZoom: 5,
  layers: [baseLayer, heatmapLayer]
});
heatmapLayer.setData(testData);

layer = heatmapLayer;

Answer 1

您必须使用 0 到 1 之间的数字作为 gardient。

gradient: {
    // enter n keys between 0 and 1 here
    // for gradient color customization
    '.5': 'blue',
    '.8': 'red',
    '.95': 'white'
  },

https://www.patrick-wied.at/static/heatmapjs/example-full-customization.html

https://www.patrick-wied.at/static/heatmapjs/docs.html