リーフレットどのようにmaxZoomを増やすのですか

Question

私は自分のアプリケーションにリーフレットを使用しています。私は18レベル以上をズームする必要があります（19または20で十分です）。しかし、18段階以上ズームすると、地図画像が消えて灰色の平面にしかなりません。ここで

はhtmlです：ここでは

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

はJSです：

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を設定します。これはproperly documented in the Leaflet referenceです。

See a working example。この方法で

Answer 2

もL.TileLayerのオプションではなく、L.MapのオプションであるmaxZoom​​

tileLayerへ

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);