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);