ol/source/XYZ用于图层加载XYZ数据格式的切片。通常是按钮规格来获取切片，比如当X和Y都为0时，表示左上角的切片。加载切图的时候也是根据当前切片所处的位置来动态设置X``Y``Z的值，一般是直接在url中拼接。如https://{a-c}.tile.thunderforest.com/cycle/{z}/{x}/{y}.png'，也可以使用函数来指定，如

tileUrlFunction: function(coordinate) {
 return '[http://mapserver.com/'](http://mapserver.com/') + coordinate[0] + '/' + coordinate[1] + '/' + coordinate[2] + '.png'; 
}

使用XYZ数据源也比较简单，只需创建一个XYZ的对象，然后在创建切片图层的时候，将数据源指向XYZ对象就可以了，如下所示：

new TileLayer({
      source: new XYZ({
        url: 'https://{a-c}.tile.thunderforest.com/cycle/{z}/{x}/{y}.png' +
            '?apikey=Your API key from http://www.thunderforest.com/docs/apikeys/ here'
      })
    })

属性

• attributions：设置属性。
• attributionsCollapsible：属性是否为可折叠的
• cacheSize：切片缓存的大小，默认为当前屏幕的大小。
• crossOrigin：跨域设置。
• opaque：图层是否透明。
• projection：投影，默认为EPSG:3857。
• reprojectionErrorThreshold：最大允许重投影误差（以像素为单位）
• maxZoom：最大缩放级别。
• minZoom：最小缩放级别。
• tileGrid：切片图。
• tileLoadFunction：设置切片加载的函数。
• tilePixelRatio：切片的像素比。
• tileSize：切片尺寸。
• tileUrlFunction：设置切片地址的函数。
• url：加载切片的地址。
• urls：加载切片的url数组。
• wrapX：是否水平包裹。
• transition：渲染透明度转换的持续时间。

方法

• clear：
  清除缓存的切片，下次渲染时将重新请求。
• getTileGrid：获取数据源的切片。
• getUrls：获取加载切片的url数组。
• refresh：刷新数据源，将先调用clear()方法。
• setAttributions：设置属性。
• setUrl：设置加载切片的地址。
• setUrls：设置加载切片的url数组。

事件

• tileloadend：加载完成后调用。
• tileloaderror：加载错误时调用。
• tileloadstart：开始加载时调用。
  个人博客