title: Leaflet how to increase maxZoom
body: <p>I am using Leaflet in my application and I need to zoom more than 18 levels (19 or 20 will be enough I think). But when I zoom more than 18 levels, the map image disappears leaving only a grey plane.</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div id="map"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is the js:</p>
  
  <pre><code>var options = {
      maxZoom: 19,
      minZoom: 18
  };
  
  $timeout(function() {
      $scope.map = L.map('map', options).setView([38.62276209666611, 34.70849695797369], 18);
  
      L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
          attribution: '&amp;copy; &lt;a href="http://www.example.com/"&gt;Example&lt;/a&gt;'
      }).addTo($scope.map);
  
      $scope.map.dragging.disable();
  });
  </code></pre>
  
  <p>I already tried these:</p>
  
  <pre><code>map.options.minZoom = 18;
  map.options.maxZoom = 19;
  </code></pre>
  
  <p>And <a href="https://gis.stackexchange.com/questions/78843/zoom-further-in-with-leaflet-javascirpt-api">maxNativeZoom</a>.</p>