排除单张雄蕊地图中的缩放级别

排除单张雄蕊地图中的缩放级别

问题描述:

我有一个非常基本的stamen map。如果我缩放到19级,地图不显示。 我认为这是因为文件http://maps.stamen.com/js/tile.stamen.js中的最大等级为18。 我能做些什么来提供某人缩放至19级?排除单张雄蕊地图中的缩放级别

<!DOCTYPE HTML> 
<html> 
<head> 
<title>Eine OSM Karte mit Leaflet</title> 
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" /> 
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script> 
<script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js"></script> 
</head> 
<body> 
<div style="height: 700px;" id="mapid"></div> 
<script> 
var mymap = L.map('mapid').setView([50.27264, 7.26469], 13); 
var layer = new L.StamenTileLayer("watercolor"); 
mymap.addLayer(layer); 
</script> 
    toner,terrain,terrain-classic,watercolor 
</body> 
</html> 

在此先感谢。

实际上可以覆盖StamenTileLayer的选项。

实例化之后,只需将其options.maxZoom(在您的情况下设置为19,以便该图层保持在地图上的缩放级别)和options.maxNativeZoom(在您的情况下为18,以便Leaflet不会尝试获取图块在缩放19时,而是重新使用缩放18中的缩放并适当缩放它们)。

var layer = new L.StamenTileLayer("watercolor"); 

// Override Tile Layer maxZoom. 
layer.options.maxZoom = 19; 

// But specify that tiles are available only up to zoom level 18. 
layer.options.maxNativeZoom = 18; 

演示:http://plnkr.co/edit/gumgWckQycEvg9Gaqt3s?p=preview

+0

不错,不知道这一个。 – iH8