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

标签 javascript html google-maps leaflet heatmap

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

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

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

最佳答案

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

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

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

关于javascript - 基于值(value)而不是数量的传单热图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35698912/

相关文章:

php - 仅显示 DIV HOMEPAGE

php - PHP Storm 中的帖子出现奇怪问题

android - 经纬度为空@onMapReady

Android根据gps位置在谷歌地图上获取最近的位置或地址

java - Android - 谷歌地图使标记粘性

javascript - 如何使用 leaflet.js 提高将大量特征插入 map 的性能

javascript - 在 JavaScript 中将连字符的名称大写

添加事件监听器后javascript问题调用函数

javascript - shamir 在 jquery 中的方案

html - 如何避免图像中显示的空白?