使Google Heatmap数据点更暗

时间:2016-09-07 23:09:37

标签: javascript google-maps-api-3 heatmap

我有一个大约300点的热图,当缩小时看起来很棒。问题是所有数据点都在一个(虽然很大)的建筑物内,所以在大多数情况下,用户会一直放大。在这个缩放级别,数据点变得很暗,几乎看不见,特别是那些没有那么多的地方。有没有办法照亮它们?

这些是我目前的设置(渐变直接来自官方文档):

var heatmap = new google.maps.visualization.HeatmapLayer({
    data: heatmapData,
    radius: 15,
    opacity: 1,
    gradient: [
        'rgba(0, 255, 255, 0)',
        'rgba(0, 255, 255, 1)',
        'rgba(0, 191, 255, 1)',
        'rgba(0, 127, 255, 1)',
        'rgba(0, 63, 255, 1)',
        'rgba(0, 0, 255, 1)',
        'rgba(0, 0, 223, 1)',
        'rgba(0, 0, 191, 1)',
        'rgba(0, 0, 159, 1)',
        'rgba(0, 0, 127, 1)',
        'rgba(63, 0, 91, 1)',
        'rgba(127, 0, 63, 1)',
        'rgba(191, 0, 31, 1)',
        'rgba(255, 0, 0, 1)'
    ]
});

我尝试在渐变中使用(更多)较暗的颜色,但数据点仍然非常轻,就好像应用了不到1的不透明度,即使我将不透明度设置为1。

知道如何让我的数据点更暗吗?

1 个答案:

答案 0 :(得分:1)

回答问题maxIntensity。它限制了我的数据点之间的强度差异,这使我最轻的点变暗。