Листовка, как увеличить maxZoom

Question

Я использую Листовку в своем приложении, и мне нужно увеличить более 18 уровней (думаю, будет достаточно 19 или 20). Но когда я увеличиваю более 18 уровней, изображение карты исчезает, оставляя только серый цвет.

Вот HTML:

<div id="map"></div> 

Вот это ЯШ:

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: '&copy; <a href="http://www.example.com/">Example</a>' 
    }).addTo($scope.map); 

    $scope.map.dragging.disable(); 
}); 

Я уже пробовал эти:

map.options.minZoom = 18; 
map.options.maxZoom = 19; 

И maxNativeZoom.

Answer 1

maxNativeZoom является вариант L.TileLayer, не вариант L.Map. Это properly documented in the Leaflet reference.

See a working example.

Answer 2

Также установите maxZoom в tileLayer

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { 
    attribution: '&copy; <a href="http://www.example.com/">Example</a>', 
    maxZoom: 20 
}).addTo($scope.map); 

Answer 3

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { 
     attribution: '&copy; <a href="http://www.example.com/">Example</a>', 
     maxNativeZoom:19, 
     maxZoom:25 
    }).addTo($scope.map);