L.heatLayer在传单地图上以灰色显示

Question

我正在尝试在传单上显示彩色的热图。我得到的只是热图的灰色。

我将其用于热图 https://github.com/Leaflet/Leaflet.heat
我不知道为什么它不会改变颜色。我正在开发人员使用Salesforce控制台进行开发。

 var map = L.map('map', {zoomControl: true, tap: false, preferCanvas:true})
 var baseLayer = { };    
 var locationsAccounts = new Array(accounts.length);

 var heatmapLayer = L.heatLayer([0,0],{
    radius: 20,
    blur: 15, 
    maxZoom: 10,
    max: 1.0,

    gradient: {
        0.0: 'green',
        0.5: 'yellow',
        1.0: 'red'
    }
});

var overlays   = {
        "Heatmap": heatmapLayer
         };
  L.control.layers(baseLayer, overlays).addTo(map);

 for (var i=0, len = accounts.length; i<len; i++) {   
         locationsAccounts[i]=[accounts[i].Latitude, accounts[i].Longitude,0.5];
 }
 heatmapLayer.setLatLngs(locationsAccounts);