javascript - 基于值(value)而不是数量的传单热图

Question

我得到了几千个包含权重的点。其中许多点具有(或多或少)相同的坐标，我想使用 map 的绝对着色在传单 map 上可视化这些点。 (每个缩放级别的点的颜色相同)我尝试使用 leaflet.heat 但它似乎将值相加(导致所有内容都变成红色)并进行相对渲染。

如果它使用提供的权重的平均值或最大值来渲染热图，那就太理想了。

有人知道如何快速完成此操作吗？

Answer 1

一种方法是使用 Leaflet-MarkerCluster，使用自定义簇符号器，并使用与具有最高属性值的点相对应的符号对每个簇进行符号化。

另一种方法是使用 Turf.js 对客户端中的数据进行十六进制处理，并将最高值应用于十六进制。

另一种方法是使用 Voronoi 曲面分割，并使用所需值对曲面分割的每个区域进行符号化，可以选择剪切符号以防止符号化大的空白区域。