单张热图呈现黑色渐变-无颜色

Question

我正在使用Leaflet（ http://leafletjs.com/ ）和leaflet-heat.js heatmap插件（ https://github.com/Leaflet/Leaflet.heat ）。

我已经将它们添加到我的项目中，加载了地图，数据，最后在顶部添加了一个热图图层，但最终得到了这种黑点分布：

var map = new L.map('map', {zoomControl: false, tap: false}).setView(careLatLng, 7);

var baseLayer = 
        L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);

var heat = L.heatLayer(testData).addTo(map);

基本上直接从此演示中可以找到： http : //leaflet.github.io/Leaflet.heat/demo/

我不明白为什么我的热图是用黑色而不是渐变显示的。 我以为我可能错过了配置中的某些内容，并尝试添加它以确保定义了颜色：

       var heat = L.heatLayer(testData,{            
        minOpacity: 0.5,
        radius: 20,
        blur: 50, 
        maxZoom: 7,
        max: 4,
        gradient: {0: "#000000",0.2: "#570000",0.4: "#ff0000",0.6: "#ffc800",0.8: "#ffff00",1: "#FFFFFF"}            
    }).addTo(map);

最终呈现此：

这使我相信该配置正在运行，而我只是在渐变方面缺少了一些东西。 但是，正如您在配置中看到的那样，我已经设置了渐变颜色，但浏览器仍将其渲染为黑色！

我检查了此条目： Leaflet Heatmap没有产生渐变颜色 ，它们的值是我用于配置的值，我很困惑。

Answer 1

原来问题是由运行此组件的框架引起的。 我在Lightning组件中使用了它，并更改了所运行框架的版本（从v42到v38）后，我设法获得了预期的颜色：

感谢@NettaB的帮助！