Leaflet how to increase maxZoom
<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>