【问题标题】:How to build a noise pollution map with heatmap.js如何使用 heatmap.js 构建噪声污染图
【发布时间】:2016-11-14 19:49:17
【问题描述】:
我必须构建类似热图的东西,但要以颜色表示噪声源,并在噪声扩展中将渐变保持在低水平。我的问题是 heapmap.js 库需要注意点的集中度。
我希望着色取决于噪声级别,而不是噪声源的浓度。
我还想不仅在地图上使用它,还想在植物平原和图像上使用它。
我不知道如何使用 heatmap.js 来做到这一点。如果有人知道或其他一些图书馆...
提前致谢!
【问题讨论】:
标签:
javascript
dictionary
heatmap
noise
【解决方案1】:
要首先根据噪声水平显示热图,您必须定义数据的下限和上限。例如,0 = 0dB 下限; 10 = 200dB 上限。
heatmapInstance.setDataMax(10);
// setting the minimum value triggers a complete rerendering of the heatmap
heatmapInstance.setDataMin(0);
然后根据噪声水平为每个数据点分配权重值。
您可以将 0 值分配给安静的源,将 7-8 分配给嘈杂的源。它应该会产生很好的噪声强度热图。
我还想不仅在地图上使用它,还想在植物平原和
图片。我不知道如何使用 heatmap.js 来做到这一点
AFAIK,heatmap.js 使用像素位置值来绘制数据,因此在屏幕上的任何内容上显示热图都不是问题;无论是图像、地图还是任何其他画布。
如果您谈论的是 Google Heatmap api,我认为它仅适用于地图。
检查documentation of Heatmap.js,很简单。