猿问

缩放d3 v4映射以适合SVG(或完全适合)

我正在尝试缩小美国地图。要么是我的SVG,要么是手动的。


这是我的代码中最简单的:


function initializeMapDifferent(){

    var svg = d3.select("#map").append("svg")

        .attr("width", 1000)

        .attr("height", 500);




    d3.json("https://d3js.org/us-10m.v1.json", function (error, us){


        svg.append("g")

            .attr("class", "states")

            .selectAll("path")

            .data(topojson.feature(us, us.objects.states).features)

            .enter().append("path")

            .attr("fill", "gray")

            .attr("d", d3.geoPath());

    });

}

我已经尝试过类似的东西:


  var path = d3.geoPath()

  .projection(d3.geoConicConformal()

      .parallels([33, 45])

      .rotate([96, -39])

      .fitSize([width, height], conus));

但是每次我在路径变量中添加任何内容时,都会从D3的内部收到NAN错误。谢谢你的帮助!


PIPIONE
浏览 395回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答