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