リーフレット描画でポリゴンレイヤを編集するときに移動ハンドラが表示されない

Question

GeoJsonをコピーしたテキストエリアがあり、マップの形状が表示されている必要があります。この形状を編集可能にするまではこれは問題ではありません。 下のコードをレイヤーに変換してフィーチャーグループに追加しましたので、リーフレットを使って編集できます。しかし、このコードはPOINTとLINEでは使えますが、POLYGONSでは使えません。ポリゴンの場合は、ポリゴンの各辺に表示される移動ハンドラは表示されません。

何か問題がありますか？

var drawnItems = L.featureGroup().addTo(mymap); 

mymap.addControl(new L.Control.Draw({ 
    edit: { 
     featureGroup: drawnItems, 
     poly: { 
      allowIntersection: false 
     } 
    }, 
    draw: { 
     polygon: { 
      allowIntersection: false, 
      showArea: true 
     } 
    } 
})); 

var str = document.getElementById("ingeojson").value; 
var shapeJson = JSON.parse(str); 
var shape = L.geoJSON(shapeJson); 
var shapeLayer = L.GeoJSON.geometryToLayer(shapeJson); 
drawnItems.addLayer(shapeLayer); 
shapeLayer.addTo(mymap); 
mymap.fitBounds(shapeLayer.getBounds()); 

Answer 1

私はついにそれを解決しました。問題は、使用したリーフレットとリーフレットのバージョンに関連していました。

この記事の執筆時点では、リーフレットドロー0.4.7とリーフレット1.0.2を使用して問題を解決しました。