D3路径未显示

Question

我正在尝试使用D3和D3Geo从.geojson文件渲染的一些功能，并且我正在关注此作为指导。我真的不知道自己在做什么，因为我不擅长编程。它在DevTool控制台上没有显示错误，当我在Chrome中进行检查时，它显示了这些路径是创建的，但没有显示。

这是我的代码，JS部分：

var width = Math.max(
  document.documentElement.clientWidth,
  window.innerWidth || 0
);
var height = Math.max(
  document.documentElement.clientHeight,
  window.innerHeight || 0
);

d3.json("2022.json").then(function (data) {
  let geojson = data;
  console.log(data);

  let projection = d3
    .geoMercator()
    //.scale(1000)
    //.center([20, 40])
    //.translate([456, 250]);

  projection.fitExtent([width, height], data);

  let geoGenerator = d3.geoPath().projection(projection);

  function update(geojson) {
  let u = d3
    .select("#content")
    .data(geojson.features)
    .enter()
    u.append('path')
    .join("path")
    .attr("d", geoGenerator);
  }

  update(geojson);

});

在此处输入图像描述