首页 / OpenLayers / 使用示例
XYZ 瓦片源
OSM 瓦片以 a、b、c 三个子域轮询请求，模板中的占位符由瓦片坐标直接替换。
源码与运行效果
说明
ol.source.XYZ 是最常用的瓦片源：url 里写 {z}、{x}、{y}，加载时按瓦片坐标替换。示例使用 {a-c}.tile.openstreetmap.org 形式轮询子域，maxZoom 限制到 19。缩放时观察控制台请求，可以看到同一个瓦片只取一次。
| 操作 | 结果 |
|---|---|
| 缩放地图 | 按层级请求新的 x、y 编号 |
| 拖动到边界 | 瓦片坐标超出范围时按 wrapX 规则环绕 |
| 查看顶部 | 显示模板、最大层级与当前中心经纬度 |
子域名轮询能绕过浏览器对单域并发的限制，但每个子域都需要有效证书；HTTP/2 下收益有限。