Vue+OpenLayers7入门到实战：OpenLayers加载TMS瓦片服务，以腾讯地图TMS图层为例

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7入门到实战

前言

本章介绍如何使用OpenLayers7在地图上加载TMS图层。TMS图层介绍请参考《Gis开发入门，OpenLayers、Leaflet、Maplibre-gl和Cesiumjs地图引擎介绍以及几种地图服务vms、vmts、TMS和XYZ介绍》，下面介绍一下TMS图层和XYZ图层的区别。

XYZ和TMS的区别

TMS图层（Tile Map Service
Layer）和XYZ图层是两种常见的地图瓦片切割方案，都用于在地图应用中加载和显示地图数据，但有以下区别：

TMS图层：

1. 瓦片编号方式：TMS图层使用（列，行，缩放级别）的瓦片编号方式，其中列和行从左上角开始递增，缩放级别从最大级别开始递减。
2. 行列编号方向：行和列的编号都从左上角开始，行从上到下递增，