使 Google 热图数据点变暗
Making Google Heatmap datapoints darker
我有一个热图,其中包含大约 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。
知道如何让我的数据点变暗吗?
玩转 maxIntensity 就是答案。它限制了我的数据点之间的强度差异,这使我最亮的点更暗。
我有一个热图,其中包含大约 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。
知道如何让我的数据点变暗吗?
玩转 maxIntensity 就是答案。它限制了我的数据点之间的强度差异,这使我最亮的点更暗。