-1

我正在尝试使用 DrawInteraction 和草皮绘制一个带有孔（线性环）的多边形（圆形），但不是绘制预期的内容和预期的位置，而是在 [0, 0] 处绘制一个小圆圈。请参阅示例这甚至没有将线性环添加到多边形 - 它是在 [0, 0] 处绘制的外部多边形，此时线性环已被注释掉。

    geometryFunction: function (coordinates, geometry) {
      if (!geometry) { geometry = new ol.geom.Polygon(null); }
      var center = coordinates[0];
      var last = coordinates[1];

      var radius = turf.distance(center, last, { units: 'degrees' });
      var outer = turf.circle(center, radius === 0 ? 0.00000001: radius, { units: 'degrees', steps: 100 });
      var inner = turf.circle(center, radius === 0 ? 0.000000005: radius, { units: 'degrees', steps: 20 });  
      geometry.setCoordinates([outer.geometry.coordinates[0]]);
 /* geometry.appendLinearRing([[outer.geometry.coordinates[0]]]);  */
      return geometry;

}

我修改了这个例子以确保我的草皮生成的坐标没问题。

谁能帮我弄清楚我对多边形及其线性环做错了什么？

4

1 回答 1

1

您不需要 Turf 来完成这项工作。我也没有选择使用geometryFunction. 我只用过drawend事件

drawInteraction.on('drawend', evt => {
  console.log(evt.feature);
})

我制作了一个完整的示例来说明当你画一个圆时，如何创建一个洞，从你的示例中分叉

于 2018-06-26T15:44:07.347 回答