javascript - D3.js多个GeoJSON对象

Question

我正在尝试在两个GeoJSON对象之间进行转换，但是无法找到有关如何包含多个GeoJSON文件的任何信息。我对最终的转换感到满意，但无法在多个GeoJSON文件上找到任何内容。

我目前可以绘制一张 map ，如下所示:

d3.json("goldatt2.json", function (data) {

    var group = canvas.selectAll("g")
        .data(data.features)
        .enter()
        .append("g")

    var path = d3.geo.path().projection(d3.geo.equirectangular());

    var areas = group.append("path")
        .attr("d", path)

如何更改此设置，以便调用两个GeoJSON文件并可以对其进行转换？

我找到了http://bl.ocks.org/mbostock/3081153这个示例，但是在这个示例中，只有GeoJSON对象被转换为一个圆。

Answer 1

获取数据是与转换数据有关的单独任务。

因此，从理论上讲，您可以多次调用ajax来获取需要的数据，然后再决定对该数据进行任何操作。

Mike Bostock为此有一个Queue实现。
如果您在D3上使用JQuery，则可以查看Deferred，其中一个示例已发布here。

有了所需的数据集后，现在可以决定如何转换数据或在它们之间提供过渡。

伪代码:

var files = ["file1.json", "file2.json"];

//Fetch Data for both files and create a data set object of this format
var dataset = {
    "file1.json": {/*geojson data for file1*/},
    "file2.json": {/*geojson data for file2*/}
}

for(var item in dataset) {
    var data = dataset[item];
    //Do whatever transformation you need
}