在 D3 中加载 TopoJSON 文件时的随机行

Question

我正在尝试显示意大利制图 shapefile，for example this one，使用 D3.js

我可以在 MapShaper 上加载 Zip 文件，查看地图，将其简化并导出到 TopoJSON。我可以在 MapShaper 中加载回 TopoJSON，它看起来仍然正常。

但是当我尝试使用 D3.js 显示它时，我得到了一堆意大利面：

美，不是吗？

代码直接取自示例。投影中心、旋转和平行线应该是意大利的标准投影，但这并不重要：无论选择何种投影，地图都像意大利面条一样。

width = 600
height = 1200

projection = d3.geo.albers()
    .center [0, 41]
    .rotate [347, 0]
    .parallels [35, 45]
    .scale 2000
    .translate [width / 2, height / 2]

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

svg = d3.select "body"
    .append "svg"
    .attr "width", width
    .attr "height", height

d3.json "Reg2011_ED50.json", (json) ->
    svg.append "path"
        .datum topojson.feature json, json.objects.Reg2011_ED50
        .attr "d", path

我做错了什么？

Answer 1

我找到了一个旧邮件列表 post，其中详细说明了如何导入那些确切的文件。

基本上我需要使用以下命令将投影转换为标准投影：

ogr2ogr -t_srs EPSG:4326 converted.shp original.shp

我不明白为什么需要它：我认为 .prj 文件处理了投影差异。显然不是。

在 D3 中加载 TopoJSON 文件时的随机行

Random lines when loading a TopoJSON file in D3

shapefile

d3.js

topojson