Как создать карту шумового загрязнения с помощью heatmap.js

Question

Мне нужно построить нечто вроде тепловой карты, но представляющее источники шума в цвете, а при увеличении шума излучайте градиент до низкого уровня. Моя проблема в том, что библиотека heapmap.js имеет смысл концентрации точек.

Я хочу, чтобы расцветка зависела от уровня шума, а не от концентрации источников шума.

Также я хочу использовать его не только над картой, но и над растительными равнинами и изображениями.

Я не знаю, как это сделать с помощью heatmap.js. Если кто-то знает или некоторые другие библиотеки ... Заранее благодарим!

Answer 1

Чтобы показать тепловую карту на основе уровня шума, сначала вам необходимо определить нижнюю и верхнюю границы ваших данных. Например, нижняя граница 0 = 0dB; 10 = верхняя граница 200 дБ.

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 использует значения позиции пикселя для построения данных, так что это не будет проблемой, чтобы показать Heatmap на что-либо на экране ; будь то изображение, карта или любой другой холст.

Если вы говорите об Google Heatmap apis, я думаю, что тогда это применимо только к картам.

Проверьте documentation of Heatmap.js, это довольно просто.