ポイントをドラッグするのと同じ方法でポリゴンをドラッグする方法mapbox-gl-jsの例？

Question

ジオジソンポリゴンをボタンのクリックでマップに追加しました。私はまた、ポリゴンのスタイルをgeojsonのmousedownイベントと、x/y座標ペア（geojsonジオメトリ）をコンソールに出力して、API上でqueryRenderedFeaturesを呼び出してアクセスしています。

ポリゴンのmousedownイベントでポイントの例（以下のリンク）のようにポリゴンをドラッグ可能にし、マップ上で移動させることができます。ポリゴンノードのx/y座標をドラッグ中にジオジソンサイズを維持しています。

ストレートmapbox-gl-jsこれは、あらかじめ設定されたgeojsonポリゴンをユーザーの操作でmapbox-gl-draw - draw polygon modeに入力する必要がありますか？

提案や例はありますか？このため細かいmapbox-gl-draw作品を使用して

API Drag A Point Example

Drag A Point GitHub Code

Answer 1

。以下は、ジオジソンを描画ポリゴンフィーチャに追加する例です。描画ポリゴンフィーチャは、マップ全体で移動可能な状態になっています。

var draw = new MapboxDraw({ 
     displayControlsDefault: false, 
     controls: { 
      polygon: true, 
      trash: true 
     } 
     }); 
     map.addControl(draw, 'bottom-right'); 
     // ADD THE GEOJSON POLYGON AS A DRAW FEATURE 
     var featureIds = draw.add(polygonFeature); 
     console.log(featureIds);