Leaflet-Geomanを使用してポリゴンを編集しながら頂点ドラッグを制限する方法は？

リーフレット - ゴーマンポリゴン編集：頂点のみをドラッグします

Leaflet-Geoman Libraryを使用してポリゴンを編集するとき、デフォルトで各エッジで中間点が生成され、ユーザーが新しい頂点を追加できるようにします。この記事では、既存の頂点のみをドラッグし、新しい頂点の追加を禁止する方法について説明します。

要件の説明

Leaflet-Geomanのポリゴン編集モードでは、既存の頂点のみをドラッグし、エッジの中央点を隠したり無効にしたりして、ユーザーが誤って新しい頂点を追加できないようにしたいと考えています。

実装方法

Leaflet-Geomanは、中間点の表示を制御するためのhideMiddleMarkersオプションを提供します。編集モードを有効にするときにこのオプションをtrueに設定することにより、中間点を非表示にすることができ、頂点のみをドラッグする効果を達成できます。

コードの例

//「ポリ」があなたのリーフレットポリゴンオブジェクトpoly.enableDit（{hidemiddlemarkers：true}）であると仮定します。

上記のコードをリーフレットマップの初期化またはポリゴン作成コードに追加します。 poly.enableEdit()メソッドは編集モードを有効にし、 hideMiddleMarkers: trueパラメーターにより、元の頂点のみが表示され、ドラッグされます。

この設定では、ポリゴンを編集するときに、元の頂点のみをドラッグでき、誤って新しい頂点を追加する可能性を回避できるため、頂点のドラッグのみを許可する必要性を満たします。

以上がLeaflet-Geomanを使用してポリゴンを編集しながら頂点ドラッグを制限する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。