使用L.CRS.Simple缩小Leaflet.js不会正确加载切片

Question

我正在使用Leaflet 0.7.2使用L.CRS.Simple投影从大图像（而不是地图）渲染使用tileup创建的切片。

我有用于缩放级别17-20的图块。在缩放级别17和18处正确显示平铺。在19我看到缩放级别18的缩放平铺。缩放级别20渲染空白地图。

地图选项：

{
  crs: L.CRS.Simple,
  center: [w / 2, h / 2],
  zoom: 17,
  minZoom: 18,
  maxZoom: 20,
  continuousWorld: true,
  layers: [
    L.tileLayer('tiles/{z}/t_{x}_{y}.png')
  ]
}

我尝试过使用和不使用continuousWorld和maxNativeZoom。

我看到一些瓷砖有404错误。这些都在提供的世界之外。

Answer 1

有些违反直觉，地图上的maxZoom不会传播到图层，因此您的图层保持默认值18.只需尝试将maxZoom添加到您的tileLayer：

var map = L.map('map', {
  crs: L.CRS.Simple,
  center: [w / 2, h / 2],
  zoom: 17,
  minZoom: 18,
  maxZoom: 20,
  continuousWorld: true
  layers: [
    L.tileLayer('tiles/{z}/t_{x}_{y}.png', {maxZoom: 20})
  ]
});