Javascript谷歌多图层热图渐变设置

使用GoogleMapsJavaScriptAPI，我想为每个覆盖创建两个具有不同颜色渐变的热图覆盖。到目前为止，我已经能够创建两个覆盖，但当我试图应用不同的梯度到每一个都没有输出

代码如下：

  var map, heatmap, heatmap2;
  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 11,
        center: {lat: 47.608013, lng: -122.335167},
        mapTypeId:'hybrid'
    });
    heatmap = new google.maps.visualization.HeatmapLayer({
        data: getPoints(),
        map: map
        gradient: getGrad()
    });
    heatmap2 = new google.maps.visualization.HeatmapLayer({
        data:   getPoints1(),
        map:    map
        gradient: getGrad1()
    });
  }
function getGrad () {
return [
    rgba(255,0,0,0),
        // more values here
];
}   
function getGrad1 ()    {
return [
    rgba(0,255,255,0),
        //more values here
];
}

---

要澄清的是，每当渐变属性被注释掉时，所有内容都与默认渐变一起工作。上面的代码不产生任何输出。有什么想法吗？

梯度值应该是字符串

rgba

是一个css函数，而不是js函数，因此在开发者控制台中，您应该会看到一些错误，表明该函数未定义

function getGrad1 ()    {
    return [
        'rgba(0,255,255,0)',
            //more values here
    ];
}

---

看看这里的例子：

谢谢，我不知道css。然而，我试过了，它仍然没有显示出来。旁注：如果这是离题的话，很抱歉。我正在用记事本++编辑这个，有更好的编辑器可以调试吗？@vervair Notepad++很好。任何代码编辑器都可能是。但是，使用javascript时，它们不会进行调试。您需要进入浏览器并使用开发者控制台（按F12）。这将显示您遇到的任何/所有错误。我忘了在我的map属性后面加一个逗号，这使它起了作用。谢谢您的调试建议@Jonathan Kuhn。我大部分时间只在VBA工作，所以这是一种新的体验。