D3 将热图叠加到地图上答案

【问题标题】：D3 overlay heatmap onto a mapD3 将热图叠加到地图上
【发布时间】：2013-05-31 15:17:34
【问题描述】：

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

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

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

【问题讨论】：

一般来说，如果你有一个特定的问题可以用你已经编写的代码来表达，你会在 StackOverflow 上得到更好的回答。你被困在哪里了？您要解决的问题是什么？

标签： javascript d3.js heatmap

【解决方案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

【讨论】：