在给定GeoJSON对象的d3中居中

在给定GeoJSON对象的d3中居中

目前,在d3中,如果您要绘制一个GeoJSON对象,您必须缩放它并翻译它,以便使它达到您想要的大小,并翻译它以使其中心化。这是一个非常乏味的尝试和错误的任务,我想知道是否有人知道更好的方法来获得这些价值?

例如,如果我有这样的代码

var path, vis, xy;xy = d3.geo.mercator().scale(8500).translate([0, -1200]);path = d3.geo.path().projection(xy);
vis = d3.select("#vis").append("svg:svg").attr("width", 960).attr("height", 600);d3.json("../../data/ireland2.geojson", function(json) {
  return vis.append("svg:g")
    .attr("class", "tracts")
    .selectAll("path")
    .data(json.features).enter()
    .append("svg:path")
    .attr("d", path)
    .attr("fill", "#85C3C0")
    .attr("stroke", "#222");});

我如何才能不一点地得到.Scale(8500)和.Transform([0,-1200])?


阿晨1998
浏览 866回答 3
3回答
打开App,查看更多内容
随时随地看视频慕课网APP