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

高 DPI 瓦片

逻辑瓦片仍是 256,但按 512 像素取图,高清屏上的细网格与编号更加锐利。

OpenLayers 10.3.1 · 对应官方 wmts-hidpi.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

高清屏需要 2 倍物理像素的瓦片。tilePixelRatio 设为 2 后,逻辑瓦片仍是 256,但 OpenLayers 会按 512 像素去取图,地图上的地物因此更锐利。

瓦片内容由 canvas 现场生成,画了 512 像素的细网格与编号;放大后网格依然清晰,可与普通瓦片对比。

操作结果
高清屏查看细网格与编号锐利
取消勾选底图只看生成瓦片
缩放地图每级重新生成瓦片

tilePixelRatio 只影响瓦片像素密度,不改变地理范围,设置错了会出现瓦片错位。