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

WMTS 瓦片网格

自定义原点、分辨率与矩阵标识,瓦片在图上直接打印 TileCol 与 TileRow。

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

说明

WMTS 的关键是瓦片网格:原点在左上角、按矩阵标识分级。示例用 ol.tilegrid.WMTS 构造网格,瓦片地址由页面内 canvas 生成并在图上打印行列号。

官方示例接法国 IGN 的 WMTS 服务,该服务不能公开复用,因此保留网格与矩阵标识的写法,仅替换瓦片内容来源。

操作结果
缩放地图矩阵标识随级别变化
平移地图行列号随瓦片更新
关闭底图网格边界与编号更清楚

WMTS 的行列号从左上角起算,与 XYZ 的左下角起算不同,混用会上下翻转。