javascript - 使用 D3 显示地图时遇到问题

Question

我正在尝试使用以下代码显示纽约市的地图：

   var width = 960;
   var height = 490;

   d3.select('svg')
    .attr('width', width)
    .attr('height', height);


var CityProjection = d3.geoEquirectangular();


d3.json('data.json').then(function (data) {

    var boroughs = data.features

    d3.select('svg').selectAll('path')
        .data(boroughs.map(x => x.geometry))
        .enter()
        .append('path')
        .attr('fill', '#099')


    var dAttributeFunction = d3.geoPath()
        .projection(CityProjection);

    d3.selectAll('path').attr('d', dAttributeFunction);


 });

我能够看到 html 文档中的数据，但在我的浏览器上，地图显示得非常小：

任何见解都受到高度赞赏。提前致谢！

标签： javascriptd3.jsgeojson