цветовой градиент не работает листовка. JS - PullRequest
Новая
       24

цветовой градиент не работает листовка. JS

0 голосов
/ 15 апреля 2020

Извините за повторный запрос, я пытаюсь реализовать карту тепловых преобразований для карты Leaflet, но по какой-то причине кажется, что все точки данных имеют одинаковый цвет и градиент цвета отсутствует.

Минимальное значение данных 565 и максимум 2455, около 900000+ строк данных. Это то, что я получаю все данные, показанные красным

this is what I get all data shown in red

 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;

1 Ответ

0 голосов
/ 15 апреля 2020

Вы должны использовать цифры от 0 до 1. Для получения значения. 

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

...