TopoJSON有奇怪的路径

时间:2014-04-08 14:06:51

标签: d3.js topojson

我在WGS84中有一个ESRI shapefile,并使用ogr2ogr将欧洲Albers投影(EPSG:102013)转换为另一个。

ogr2ogr -f 'ESRI Shapefile' -t_srs 'EPSG:102013' europe.shp europe_data_wgs84.shp

然后我使用以下内容将其转换为TopoJSON:

topojson --id-property iso_a3 -o europe.json -p --simplify-proportion 0.25 --width 900 --height 600 -- countries=europe.shp

然后我通过D3加载europe.json并成功显示它(通过将投影设置为null,因为它已经投影了)。

enter image description here

欧洲的每个国家/地区都有.country类。

当我设置.country { fill: rgb(200,200,200); }时会发生这种情况:

enter image description here

所以不知何故,路径显示不正确?我不明白,因为没有自定义填充,路径似乎正常渲染。我做错了什么?

1 个答案:

答案 0 :(得分:1)

已经发现问题了。我在国家/地区图层上方有一个topojson.mesh层,类.country-boundaries,此网格仍然定义了填充颜色。所以我不得不设置

.country-boundaries { fill: none; }