javascript - 颜色渐变不起作用leaflet.JS
问题描述
抱歉再次询问,我正在尝试将热图实现到传单地图,但由于某种原因,似乎所有数据点都具有相同的颜色并且没有颜色渐变。
数据的最小值为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;
解决方案
您必须使用 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
推荐阅读
- javascript - 替换javascript中所有重复的字符
- amazon-web-services - EMR 类路径冲突
- go - 在相同的选择案例中接收和发送
- r - 可以以及如何在 R 中对来自正态分布的一对样本进行互信息测试?
- linux - 驱动程序开发:避免 sudo 要求
- javascript - 在 python 中创建 .json 并将其传递给 Javascript
- html - 使用飞镖的网络刮板
- azure-devops - 强制代码覆盖仅适用于具有 5 行或更多行代码相关更改的 PR
- binary - Elixir:如何获取整数变量的 bit_size?
- laravel - 如何使用 php aws-sdk 执行 bash 终端命令