leaflet - 使用 Leaflet-geoman 限制折线中的制造商点（成为一条线）

Question

我想让用户画一条线（这是一条只有 2 个点的折线）。

我启用绘图和监听vertexadded。当_rings标记数等于 2 时，我禁用绘图。

这感觉不对有几个原因：

1. 我访问一个私有变量_rings
2. 现在我禁用绘图但要可视化线条我必须在可视模式下重新启动它
3. 为了允许用户移动线的 2 个点，我必须在编辑模式下重新启动线。
4. 在编辑模式下，必须禁用在 2 个标记之间分割线，这可能吗？

我错过了一种更简单的方法吗？

map.pm.enableDraw('Line', {
  snappable: true,
  snapDistance: 20,
});

map.on('pm:drawstart', (event: any) => {
  const { workingLayer } = event;
 
  workingLayer.on('pm:vertexadded', (e: any) => {
    if (workingLayer._rings[0].length >= 2) {

      map.pm.disableDraw('Line', {
        snappable: true,
        snapDistance: 20,
      });
    }
  });
});

Answer 1

1. 使用layer.getLatLngs()而不是变量_rings。
2. 不要调用map.pm.disableDraw()，完成形状map.pm.Draw.Line._finishShape()以将绘制的图层添加到地图
3. 您可以调用map.pm.enableGlobalEditMode()以启用所有图层的编辑，或者您可以启用想要的图层layer.pm.enable()
4. 使用选项hideMiddleMarkers: true

map.pm.setGlobalOptions({hideMiddleMarkers: true})
map.on('pm:drawstart', (event) => {
  const { workingLayer } = event;

  workingLayer.on('pm:vertexadded', (e) => {
    if (workingLayer.getLatLngs().length >= 2) {
       map.pm.Draw.Line._finishShape()
    }
  });
});
map.pm.enableDraw('Line');

https://jsfiddle.net/falkedesign/7sL02y53/