在使用leaflet-geoman工具进行多边形编辑时，用户可能会遇到一些特定的需求，比如只允许拖动多边形的顶点，而不希望在每条边的中间出现可以拖动的点。本文将详细介绍如何实现这种效果。
当你使用多边形工具画出一个五边形，并进入编辑模式时，默认情况下每条边的中间会出现一个可以拖动的点，如下图所示：
拖动这个中间点会导致多边形的边数发生变化，例如原本的四边形变成五边形。为了避免这种情况，我们需要在编辑模式下隐藏这些中间点，只允许拖动多边形的顶点。
期望的结果是，当点击左侧工具栏的编辑按钮后，多边形的每条边的中间不显示可以拖动的点，用户只能拖动原本的五个顶点，如下图所示：
实现这一需求的方法非常简单。我们只需要在启动编辑模式时，传递一个特定的属性配置，即可隐藏中间的标记点。具体的代码如下：
// 开启编辑模式时，设置 hideMiddleMarkers 为 true
polygon.editing.enable({ hideMiddleMarkers: true });通过设置hidemiddlemarkers为true，我们可以成功地隐藏每条边中间的标记点，从而达到只允许拖动多边形顶点的效果。这样，用户在编辑多边形时，就不会因为误操作而改变多边形的边数了。
以上就是如何在Leaflet-Geoman中编辑多边形时只允许拖动顶点？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
947
收藏
