Javascript 如何使用传单地图创建带有数字的热图?

Javascript 如何使用传单地图创建带有数字的热图?,javascript,d3.js,leaflet,heatmap,leaflet.draw,Javascript,D3.js,Leaflet,Heatmap,Leaflet.draw,我希望创建一个热图,如下所示,数字在不同的缩放级别变化-数字可以出现在鼠标悬停窗口中,而不是直接显示在地图上: http://www.trulia.com/local/san-francisco-ca/tiles:1|points:1_crime 你知道怎么用传单地图做这个吗 编辑: 我试过heatmap.js。但它不能在地图上显示数字 编辑2: 我有一个包含三列的csv文件: lat lng count 有没有关于如何轻松加载的提示 ?要显示点簇层,请使用簇和热图 这

我希望创建一个热图,如下所示,数字在不同的缩放级别变化-数字可以出现在鼠标悬停窗口中,而不是直接显示在地图上:

    http://www.trulia.com/local/san-francisco-ca/tiles:1|points:1_crime

你知道怎么用传单地图做这个吗

编辑:

我试过heatmap.js。但它不能在地图上显示数字

编辑2:

我有一个包含三列的csv文件:

    lat  lng  count
有没有关于如何轻松加载的提示

要显示点簇层,请使用簇和热图


这两个模块都可以在任何映射库中轻松使用。

似乎这是我尝试的heatmap.js的副本,它确实显示了颜色,但无法显示与OP中提到的网页类似的相应数字。还有其他提示吗?@Osiris heatmap.js使用canvas“createRadialGradient”函数来渲染热图。我不知道我们是否可以从这个模块(heammap.js)获得插值。如果您想在鼠标上显示值,则应该使用某种逻辑,例如某种类型的插值(如克里格法)。请详细解释您的项目要求或疑问,以便提出合适的方法。我已更新了问题。我们可以在heatmap.js层的顶部添加额外的数字/标记层。:)是的,传单的markerCluster很容易实现。关于鼠标悬停,您想显示颜色的值还是点?显示颜色的值会很好,但如果有任何明显的性能损失,我不希望这样。我只需要问题截图中显示的数字。