d3.js - 在 D3 中加载 TopoJSON 文件时的随机行

标签 d3.js shapefile topojson

我正在尝试显示意大利制图形状文件,for example this one ,使用D3.js

我可以加载 MapShaper 上的 Zip 文件,查看 map ,将其简化并导出为 TopoJSON。我可以在 MapShaper 中加载 TopoJSON,它看起来仍然没问题。

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

enter image description here

美丽,不是吗?

代码直接取自示例。投影中心、旋转和平行线应该是意大利的规范投影中心、旋转和平行线,但这并不重要:无论选择何种投影, map 都保持意大利面条状。

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

我做错了什么?

最佳答案

我发现了一个旧的邮件列表帖子,详细说明了如何导入这些确切的文件。

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

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

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

关于d3.js - 在 D3 中加载 TopoJSON 文件时的随机行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33216839/

相关文章:

javascript - 函数返回数字,但对象被存储

d3.js - 在 d3.js 中更新数据连接的子元素

javascript - d3 svg 中的选择

c# - 随机错误 : Attempted to read or write protected memory

d3.js - 如何使用 d3 在传单中显示 topojson 层?

javascript - 我无法获取 d3-maps 来绘制我的 "Landkreise"

d3.js - shp2json 生成边界和坐标不在​​ (-180,180) 范围内的 GeoJSON

javascript - d3js 步进线图 - 鼠标悬停时突出显示两点之间的线

python - 如何使用python dxfwrite绘制六边形形状

java - 在 Geotools 中构建 Shapefile 时遇到问题