D3将热图叠加到地图上

Question

我正在尝试根据csv值（具有行，列和计数）创建网格热图，然后将热图覆盖到地图上（google-maps，或者任何静态地图图像也可以）。 网格是经度和纬度的2D网格。任何帮助将不胜感激。

我看了这个示例http://bl.ocks.org/mbostock/3202354 ，对如何绘制热图有了一个想法。

我正在尝试创建类似以下内容： http : //bl.ocks.org/mbostock/4060606 ，但是没有GeoJSON值。

Answer 1

http://bl.ocks.org/mbostock/4060606不是google地图叠加层。 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