title: How can i prevent leaflet from dragging the map to fit marker popups?
body: <p>currently we are working on a leaflet-project with gmaps and i´ve got a little problem .</p>
  
  <p>After adding multiple markers (with a popup each) we want to open them all.</p>
  
  <p>To do so, i´m using the following peace of code:</p>
  
  <pre><code>L.Map = L.Map.extend({
      openPopup: function(popup) {
      //        this.closePopup(); 
      this._popup = popup;
  
      return this.addLayer(popup).fire('popupopen', {
          popup: this._popup
      });
      }
  });
  </code></pre>
  
  <p>On pageload everything works as expected.</p>
  
  <p>But here comes the fail scenario:</p>
  
  <p>After <code>pageload</code> the user <code>zooms in</code> and some markers are <code>out of the “view area”</code> of the user.</p>
  
  <p>few seconds later, the website loads <code>new position data</code> (for the markers) <code>using a rest interface</code>.</p>
  
  <p>After position data transmitted, i currently remove all markers and recreate them at the transmitted positions and open them.</p>
  
  <p>And this <code>marker.openPopup()</code> triggers, that the <code>map moves</code> so, that the <code>popup fits in the “view area” of the user</code>.</p>
  
  <p>How can i <code>prevent leaflet to drag the map</code> in this case?</p>