单张热图基于值而不是数量

时间:2016-02-29 11:56:18

标签: javascript html5 google-maps leaflet heatmap

我得到了一些包含重量的点数。 其中许多点具有(或多或少)相同的坐标,我想使用地图的绝对颜色来显示传单地图上的这些点。 (每个缩放级别的点的颜色相同) 我尝试使用leaflet.heat,但它似乎是将值相加(导致所有颜色为红色)并进行相对渲染。

如果它使用提供的权重的平均值或最大值来渲染热图,那将是理想的。

任何人都知道如何快速完成这项工作?

1 个答案:

答案 0 :(得分:2)

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

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

另一种方法是使用Voronoi tesselation,并用期望的值对每个tesselation区域进行符号化,可选地剪切符号以防止象征大的空区域。