D3在地图上叠加热图

时间:2013-05-31 15:17:34

标签: javascript d3.js heatmap

我正在尝试从csv值(包含行,列和计数)创建网格热图,然后将热图叠加到地图上(google-maps,或任何静态地图图像也可以)。网格是纬度和经度的二维网格。任何帮助都将受到赞赏。

我看过这个例子http://bl.ocks.org/mbostock/3202354,并想知道如何绘制热图。

我正在尝试创建这样的内容:http://bl.ocks.org/mbostock/4060606,但没有GeoJSON值。

1 个答案:

答案 0 :(得分:0)

http://bl.ocks.org/mbostock/4060606不是谷歌地图叠加层。 d3.map();建议也许是一个带有一系列状态对象的dom。所以你的目标就是按照正确的顺序对数据进行排序。只是一个猜测。

此外,我打赌tsv是制表符分隔值(与逗号分隔值相对)。没什么大不了的。

var rateById = d3.map(); // looks like assigning this map dom to a var
...

.defer(d3.tsv, "unemployment.tsv", function(d) { rateById.set(d.id, +d.rate); }) // this one appears to be assigning the tsv data to the dom map, the above var