leaflet - 为 Leaflet 指令重用现有的 map 实例

Question

我正在尝试添加 Leaflet Editable functionality到我当前的 map ，该 map 是由传单指令创建的。我正在获取 L.map 实例:

leafletData.getMap().then(function(map) {
  // where map is the Leaflet map instance
}

但是 Leaflet editable 需要在创建 map 时设置 editable: true。

那么，有没有办法创建一个L.map实例

var map = L.map('map', {editable: true});

然后将其附加到传单角度指令？

更新:

我试着给 Leaflet 添加一个钩子(Hook)

L.Map.addInitHook(function () {
  this.whenReady(function () {
    this.editTools = new L.Editable(this, this.options.editOptions);
    console.log('L.map', this);
  });
}

它成功创建了 editTools 但是

map.editTools.startPolyline(); 

还是不行

Answer 1

您是否尝试将 editable: true 添加到您的默认设置中？

angular.extend($scope, {
    defaults: {
        editable: true
    },
    center: {
        lat: 51.505,
        lng: -0.09,
        zoom: 8
    }
});

<leaflet defaults="defaults" lf-center="center" height="480px" width="640px"></leaflet>