Openlayers3加载国家天地图WMTS服务示例_百度地图服务中心

Openlayers3加载国家天地图WMTS服务示例由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“百度地图服务中心”。

Openlayers3加载国家天地图WMTS服务示例。

1.部分代码：

var projection = ol.proj.get('EPSG:4326');

var projectionExtent = projection.getExtent();

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

var resolutions = new Array(14);

var matrixIds = new Array(14);

for(var z = 0;z

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

matrixIds[z] = z;

}

var map = new ol.Map({

logo:false,layers: [

new ol.layer.Tile({

name:“baseVec”, source: new ol.source.WMTS({

url: 'http://t{0-6}.tianditu.com/vec_c/wmts',layer: 'vec',format: 'tiles',tileGrid: new ol.tilegrid.WMTS({

origin: ol.extent.getTopLeft(projectionExtent),resolutions: resolutions,matrixIds: matrixIds,}),matrixSet:“c”,style: 'default'

})

})

],target: 'map',controls: ol.control.defaults({

attributionOptions: /** @type {olx.control.AttributionOptions} */({ collapsible: false

})

}),view: new ol.View({

center:[121.00228,29.14696] ,projection:ol.proj.get(“EPSG:4326”),zoom: 14

})

});2.效果图