当缩放超过18时，传单地图将变为空白

Question

我使用的是传单和她的地图API，问题是当我缩放超过18倍时，地图会变为空白。我添加了maxNativeZoom，但没有成功。这里地图支持的最大缩放是20(来源：在线文档(

const here = {
apiKey:'API_Key'
}
const style = 'hybrid.day';
const hereTileUrl = `https://2.aerial.maps.ls.hereapi.com/maptile/2.1/maptile/newest/${style}/{z}/{x}/{y}/512/jpg?apiKey=${here.apiKey}&ppi=500`;
const map = L.map('map', {
center: [33.288410, -8.345090],
zoom: 16,
maxZoom: 20,
maxNativeZoom: 20,
// maxZoom: 22,
layers: [L.tileLayer(hereTileUrl)]
});
map.attributionControl.addAttribution('© HERE 2019');
map.on('zoomend', showZoomLevel);
showZoomLevel();
function showZoomLevel() {
document.getElementById('zoom').innerHTML = map.getZoom();
}
//alert(map.getMaxZoom());

https://jsfiddle.net/b73t0oe1/

Answer 1

为了您的目标，您应该在传单平铺层上使用选项maxZoom(如有必要，还可以使用maxNativeZoom(，而不是在地图上。

L.tileLayer(hereTileUrl, {
maxZoom: 20,
maxNativeZoom: 19
})

更新的jsfiddle：https://jsfiddle.net/7xnv0c1a/(你的瓦片来源maxNativeZoom似乎真的是19，至少在你开始地图的区域是这样(

Answer 2

TileLayerOptions(urlTemplate:'https://api.mapbox.com/styles/v1/elaminenouri/ckli0urcv13m317nw1n40u58z/tiles/256/{z}/｛x｝/{y}@2x？additionalOptions:{

},
maxNativeZoom: 18,
maxZoom: 22
),