首页 / OpenLayers / 使用示例
512 像素瓦片网格
瓦片边长改大,请求数变少但单次要传的内容更多。
源码与运行效果
说明
瓦片尺寸改 512 后,同一级别下瓦片数量变成四分之一,寻址方式仍是 [z, x, y]。
示例用 ol.tilegrid.createXYZ({tileSize: 512}) 建网格,tileUrlFunction 按坐标生成 512×512 的画布图,状态栏统计当前视野内的瓦片数。
要点
- 瓦片越大单次请求越重、请求数越少。
- 可视瓦片数由
getTileRangeForExtentAndZ算出。 - 切换尺寸要重建数据源,网格变了旧缓存即失效。
移动网络下 256 的瓦片更容易命中缓存,首屏通常更快。