经纬志
首页 / OpenLayers / 使用示例

512 像素瓦片网格

瓦片边长改大,请求数变少但单次要传的内容更多。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

瓦片尺寸改 512 后,同一级别下瓦片数量变成四分之一,寻址方式仍是 [z, x, y]。

示例用 ol.tilegrid.createXYZ({tileSize: 512}) 建网格,tileUrlFunction 按坐标生成 512×512 的画布图,状态栏统计当前视野内的瓦片数。

要点

  • 瓦片越大单次请求越重、请求数越少。
  • 可视瓦片数由 getTileRangeForExtentAndZ 算出。
  • 切换尺寸要重建数据源,网格变了旧缓存即失效。

移动网络下 256 的瓦片更容易命中缓存,首屏通常更快。