title: Reuse existing map instance for Leaflet directive
body: <p>I'm trying to add the <a href="https://github.com/yohanboniface/Leaflet.Editable" rel="nofollow">Leaflet Editable functionality</a> to my current map which map is created by the leaflet directive. I'm getting the L.map instance with:</p>
  
  <pre><code>leafletData.getMap().then(function(map) {
    // where map is the Leaflet map instance
  }
  </code></pre>
  
  <p>However the Leaflet editable needs to set <code>editable: true</code> when the map is created.</p>
  
  <p>So, is there a way to create a L.map instance </p>
  
  <pre><code>var map = L.map('map', {editable: true});
  </code></pre>
  
  <p>and then attach it to the Leaflet angular directive?</p>
  
  <p>UPDATE: </p>
  
  <p>I tried to add a hook to Leaflet</p>
  
  <pre><code>L.Map.addInitHook(function () {
    this.whenReady(function () {
      this.editTools = new L.Editable(this, this.options.editOptions);
      console.log('L.map', this);
    });
  }
  </code></pre>
  
  <p>It creates the editTools successfully but the </p>
  
  <pre><code>map.editTools.startPolyline(); 
  </code></pre>
  
  <p>is still not working</p>