d3.js - d3 - 如何找到某个国家/地区的正确投影？

Question

我正在尝试创建一张覆盖我的国家的 map ，但它总是缩小。

我看过很多 map ，他们设法通过投影放大国家/地区，但他们从哪里获得投影数字？我很困惑..

示例:http://bl.ocks.org/mbostock/9265674 http://bl.ocks.org/mbostock/5413933

当前代码:

var width = 960,
height = 500;

// 11°E 64.4°N - latitude and 
var projection = d3.geo.mercator();

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

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

d3.json("topojson/fylker.json", function(error, norge) {
    norge = norge;

    for(var i = 0; i < norge.objects.fylker.geometries.length; i++) {
        svg.append("path")
          .datum(topojson.feature(norge, norge.objects.fylker.geometries[i]))
          .attr("d", path)
          .attr("class", function(d) { return "county-" + d.id; });        
    }
});

Answer 1

如果您的 map 没有改变(例如没有转换)，您可以通过反复试验来获得这些数字，就像您提供的示例中所做的那样。只需输入一些数字，看看结果是否符合您的需求。最好计算 map 的中心并将其传递给投影。 Lars Kotthoff 在问题的评论中为您提供了一个非常好的链接，可以了解其工作原理( Center a map in d3 given a geoJSON object )。