D3js 在 geoJSON FeatureCollection 中只绘制一个要素

D3js draws only one feature within geoJSON FeatureCollection

本文关键字：一个 绘制 geoJSON FeatureCollection D3js      更新时间：2023-09-26

虽然对D3js很陌生，但我已经启动并运行了大部分内容。然而，尚未起作用的是显示基于geoJSON的内城边界地图（数据：http://ddj.haim.it/data/muenchen.geojson）。

这是我最近一直在尝试的：

var nWidth = 800, nHeight = 600,
    oMap = d3.select('body').append('svg').attr('width', nWidth).attr('height', nHeight),
    oProjection = d3.geo.mercator().center([ 11.591, 48.139 ]).scale(50000).translate([nWidth / 2, nHeight / 2]),
    oPath = d3.geo.path().projection(oProjection);
d3.json('data/muenchen.geojson', function(_mError, _oCollection) {
    oMap.append('g')
        .selectAll('path')
        .data(_oCollection.features)
        .enter()
        .append('path')
        .attr('class', 'entity')
        .attr('d', oPath);
});

我能得到什么？一张地图，其中只有最后一个羽毛被正确绘制，另一个被绘制为一个巨大的矩形（好吧，在源代码中，它不是一个矩形，而是一条路径）。

任何帮助非常感谢。

谢谢一堆，马里奥

不确定我是否明白你的意思，拉尔斯。我可以从 geoJSON 中看到最后一个多边形，但是，只有最后一个多边形。这是当前输出：http://ddj.haim.it/d3.html

编辑：好的，我明白你的意思了。对不起，非常感谢你的回答。关键是用透明度"填充"路径（在CSS中）。

相关文章：