Leaflet.js设置tileSize为512时非0缩放级别地图下半部分不渲染

核心矛盾是Leaflet的坐标系尺寸计算逻辑和你配置的512尺寸切片不匹配，不存在素材损坏或代码硬错误。

• Leaflet的CRS（坐标系）是地图实例的全局属性，独立于切片图层配置。原代码把crs: L.CRS.Simple写在切片图层的配置项中是完全无效的，不会对地图的坐标系计算产生任何影响。哪怕你给tileLayer设置了tileSize:512，地图依然会按照内置的默认逻辑，以256px为基准计算每个缩放级别的世界总尺寸：zoom0级总尺寸256px、zoom1级总尺寸512px、zoom2级总尺寸1024px、zoom3级总尺寸2048px。
• 你的实际切片素材在每个zoom级别的总尺寸为：zoom0=单张512px切片=总宽高512px，zoom1=2×2张512切片=总宽高1024px，zoom2=4×4张=总宽高2048px，zoom3=8×8张=总宽高4096px。
• 两者计算结果存在整整一倍的尺寸差，Leaflet识别的可视世界范围只匹配到切片的上半部分，下半部分的瓦片坐标完全落在Leaflet定义的世界边界外，自然不会触发加载和渲染。
• 这也是为啥不设置tileSize（默认256）时地图能正常渲染的原因：此时Leaflet会把512尺寸的切片压缩到256px尺寸加载，最终的总渲染尺寸正好和内置的世界尺寸计算值匹配，不存在尺寸差。
• 原代码里的continousWorld属于拼写错误，正确参数名是continuousWorld，该配置原状态完全失效。

不需要调整现有切片的目录结构、尺寸和命名规则，只需要把坐标系的尺寸计算逻辑和512基准切片对齐，同时修正拼写、配置位置错误即可，完整可运行代码如下：

// 自定义适配512基准切片的平面坐标系
const customSimpleCrs = L.extend({}, L.CRS.Simple, {
  // 重写缩放尺寸计算逻辑，和现有切片的总尺寸完全匹配
  scale(zoom) {
    return 512 * Math.pow(2, zoom)
  }
})

const mymap = L.map("mapid", {
  minZoom: 0,
  maxZoom: 3,
  crs: customSimpleCrs, // 坐标系为地图全局配置，无需挂载在切片图层上
}).setView([0, 0], 0);

L.tileLayer('img/map/{z}/{x}/{y}.png', {
  continuousWorld: false, // 修正拼写错误，保证配置生效
  noWrap: true,
  tileSize: 512,
}).addTo(mymap);

• 修改后每个zoom级别的世界总尺寸会和你的切片总尺寸完全对齐：zoom0=512px、zoom1=1024px、zoom2=2048px、zoom3=4096px，Leaflet会自动计算全范围的瓦片加载需求，覆盖上下全部区域，不会出现下半部分不渲染的问题。
• 全程没有新增缩放级别，完全匹配你现有素材仅支持0-3级的限制。
• 移除默认256尺寸的缩放适配逻辑，瓦片会严格按照512px的原始尺寸渲染，不会出现压缩变形的问题。

内容的提问来源于stack exchange，提问作者tf____