ol xyz 加载天地图_OpenLayers加载天地图方法——WMTS和XYZ

1、ol.layer.Tile及数据源类结构

openlayers中，图层(layer)不可缺少的组成部分是数据源(source)，天地图是切片的数据服务，对应的图层是ol.layer.Tile，下图是其数据源对应的类结构图，红色部分是重点内容。

从图可以看到，加载天地图的数据源，可以是ol.source.WMTS(简称WMTS) 和 ol.source.XYZ(简称XYZ)。下面首先以实际的代码对分别使用WMTS和XYZ的方式加载天地图进行说明，然后总结他们的区别。

2、WMTS的方式加载天地图

//创建图层(WMTS方式)

function crtLayerWMTS(type, proj, opacity){

var projection = ol.proj.get(proj);

var projectionExtent = projection.getExtent();

var size = ol.extent.getWidth(projectionExtent) / 256;

var resolutions = new Array(19);

var matrixIds = new Array(19);

for (var z = 1; z < 19; ++z) {

// generate resolutions and matrixIds arrays for this WMTS

resolutions[z] = size / Math.pow(2, z);

matrixIds[z] = z;

}