在D3.js地图可视化中使用来自两个独立geoJSON文件的数据

<script src="https://d3js.org/d3.v7.min.js"></script>

Promise.all([
  d3.json("path/to/geojson1.json"),
  d3.json("path/to/geojson2.json")
]).then(function(data) {
  var geojson1 = data[0];
  var geojson2 = data[1];
  // 进一步处理数据
});

var projection = d3.geoMercator()
  .fitSize([width, height], geojson1);

var path = d3.geoPath()
  .projection(projection);

svg.selectAll(".boundary")
  .data(geojson1.features)
  .enter()
  .append("path")
  .attr("class", "boundary")
  .attr("d", path);

svg.selectAll(".datapoint")
  .data(geojson2.features)
  .enter()
  .append("circle")
  .attr("class", "datapoint")
  .attr("cx", function(d) { return projection(d.geometry.coordinates)[0]; })
  .attr("cy", function(d) { return projection(d.geometry.coordinates)[1]; })
  .attr("r", 5);