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 <=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.效果图

本文来源：https://www.bwwdw.com/article/wtig.html