Angularjs 传单图纸+；角度+；GeoJSON：如何实现Map和GeoJSON对象之间的双向绑定

我可以使用angular传单指令将Geojson层添加到传单贴图中

我还可以添加传单绘制控件并创建新图层（多边形、多段线等）

但是，似乎没有直接的方法来编辑该指令加载的GeoJSON层

代码如下所示：

angular.extend($scope, {
                controls: {
                    draw: {}
                }, 
                geojson: {
                     ...........
                     ...........
                }
           });

但是，当我尝试编辑图层或创建新图层时，更改发生在不同的图层组中。例如，在加载GeoJSON后，如果单击edit按钮，则通过GeoJSON加载的项目都不会变成可编辑的

---

我希望draw控件绑定到指令中指定的GeoJSON对象。目标是通过UI将任何修改立即反映在geojson对象中，反之亦然。换句话说，我希望在编辑控件和geojson对象之间具有双向绑定。

您需要确保添加图层的每个位置都将其添加到“相同”功能/图层组

例如，我通常创建一个可供$scope使用的要素组，并将希望共享功能（如单击编辑）的图层添加到该组中。请确保在从数据加载GeoJSON的函数中以及在绘制后添加图层的函数中执行此操作

$scope.editableFields = new L.FeatureGroup();
var myLayer = L.circle([50.5, 30.5], 200);
$scope.editableFields.addLayer(myLayer);

然后，您需要指定控件的目标功能组。类似于：

                controls:{
                         draw: {},
                         edit: {
                           featureGroup: $scope.editableFields;
                          }
                         }

                controls:{
                         draw: {},
                         edit: {
                           featureGroup: $scope.editableFields;
                          }
                         }