如何在使用Leaflet-Geoman編輯多邊形時(shí)限制頂點(diǎn)拖動(dòng)？

Leaflet-Geoman多邊形編輯：僅允許拖動(dòng)頂點(diǎn)

使用Leaflet-Geoman庫(kù)編輯多邊形時(shí)，默認(rèn)情況下會(huì)在每條邊上生成中間點(diǎn)，允許用戶添加新的頂點(diǎn)。本文介紹如何僅允許拖動(dòng)現(xiàn)有頂點(diǎn)，禁止添加新頂點(diǎn)。

需求說明

在Leaflet-Geoman的多邊形編輯模式下，我們希望只允許拖動(dòng)已存在的頂點(diǎn)，而隱藏或禁用邊上的中間點(diǎn)，防止用戶意外添加新的頂點(diǎn)。

實(shí)現(xiàn)方法

Leaflet-Geoman提供hideMiddleMarkers選項(xiàng)來控制中間點(diǎn)的顯示。通過在啟用編輯模式時(shí)設(shè)置該選項(xiàng)為true，即可隱藏中間點(diǎn)，從而實(shí)現(xiàn)僅拖動(dòng)頂點(diǎn)的效果。

代碼示例

// 假設(shè)'poly'是您的Leaflet多邊形對(duì)象 poly.enableEdit({ hideMiddleMarkers: true });

將以上代碼添加到您的Leaflet地圖初始化或多邊形創(chuàng)建后的代碼中。 poly.enableEdit()方法啟用編輯模式，hideMiddleMarkers: true參數(shù)確保只顯示并允許拖動(dòng)原始頂點(diǎn)。

通過此設(shè)置，在編輯多邊形時(shí)，只有原始頂點(diǎn)可拖動(dòng)，避免了誤操作添加新頂點(diǎn)的可能性，從而滿足了僅允許拖動(dòng)頂點(diǎn)的需求。