d3.geo.path 奇怪的大范围

Question

谁能给我解释一下下面的场景？

假设我有一个 GeoJSON 文件，其中一个多边形特征仅包含四个坐标：

var json = {
  "type": "FeatureCollection", 
  "features": [
    {
      "geometry": {
        "type": "Polygon", 
        "coordinates": [
          [
            [
              6.55757, 
              45.4283625
            ], 
            [
              6.50925565, 
              45.3728949
            ], 
            [
              6.5249137, 
              45.3728329
            ], 
            [
              6.52511385, 
              45.37276325
            ]
          ]
        ]
      }, 
      "type": "Feature", 
      "properties": {
        "uid": "fb3f3081-c6cf-4f64-8ccb-67918a3dbe84"
      }
    }
  ]
}

现在我想将其投影到墨卡托并获取边界框：

var projection = d3.geo.mercator()
.scale(1)
.precision(0);

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

var pathBounds = path.bounds(json.features[0]);
var geoBounds = d3.geo.bounds(json.features[0]);

json.features[0].geometry.coordinates[0].map(function(d) {
    console.log("projection:", projection(d)[0], projection(d)[1]);
});

console.log('path.bounds:', pathBounds[0][0], pathBounds[0][1])
console.log('path.bounds:', pathBounds[1][0], pathBounds[1][1])

console.log('d3.geo.bounds:', geoBounds[0][0], geoBounds[0][1])
console.log('d3.geo.bounds:', geoBounds[1][0], geoBounds[1][1])

结果不够直观。路径的边界框比任何投影点都大，地理边界框为 [[-180,-90],[180,90]]。

看起来多边形被解释为多边形外部的整个世界。这是预期的吗？为什么这样做而不是将多边形仅视为所列点内的区域？

Fiddle（打开调试器查看控制台日志）：

https://jsfiddle.net/pkerpedjiev/emr2g4f8/

Answer 1

documentation 说：

Important: the inside of a polygon is all points that the polygon winds around in a clockwise order.

如果您颠倒点的顺序，它应该可以正常工作。

d3.geo.path 奇怪的大范围

d3.geo.path strange large bounds

d3.js

d3.geo