如何在Leaflet-Geoman中禁用多边形编辑时的中间标记点?

Leaflet-Geoman多边形编辑:精简编辑模式,禁用中间标记点

使用leaflet-geoman编辑多边形时,默认会在每条边上显示中间标记点,允许用户添加或移动顶点,改变多边形的形状。然而,在某些情况下,我们只需要编辑现有顶点,而不需要添加新的顶点。本文将演示如何禁用这些中间标记点,从而简化多边形的编辑过程。

如下图所示,一个多边形在启用编辑模式后,会在每条边上显示可拖动的中间标记点。

如何在Leaflet-Geoman中禁用多边形编辑时的中间标记点?

如何在Leaflet-Geoman中禁用多边形编辑时的中间标记点?

我们的目标是:在编辑模式下,只允许拖动多边形的原始顶点,而隐藏所有中间的标记点,保持多边形的边数不变。

实现这一目标的关键在于Leaflet-Geoman的enableDraw方法的参数设置。通过传入一个包含hideMiddleMarkers属性的对象,并将其设置为true,即可禁用中间标记点的显示。

代码示例:

map.pm.enableDraw('Polygon', {   hideMiddleMarkers: true });

通过以上简单的代码修改,Leaflet-Geoman将在启用多边形编辑模式时,隐藏所有中间标记点,只显示并允许拖动原始顶点,从而提供更精简的多边形编辑体验。

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享