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 <=14; ++z) {
resolutions[z] = size / Math.pow(2, z); matrixIds[z] = z; }
var map = new ol.Map({ logo:false, layers: [
new ol.layer.Tile({
name:\
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:\ 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(\ zoom: 14 }) }); 2.效果图