javascript - D3 将热图叠加到地图上

Question

我正在尝试从 csv 值（包含行、列和计数）创建网格热图，然后将热图叠加到地图上（谷歌地图或任何静态地图图像也可以）。网格是纬度和经度的二维网格。任何帮助将不胜感激。

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

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

Answer 1

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