加载geoserver的wmts服务图层

xueyueshuai

于 2023-08-02 22:30:00 发布

阅读量227

点赞数

分类专栏： vue+cesium 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_42116238/article/details/132068663

版权

vue+cesium 专栏收录该内容

9 篇文章

订阅专栏

let wmtsLayer = new Cesium.WebMapTileServiceImageryProvider({
  url: 'http://43.143.213.90:8083/geoserver/gwc/service/wmts?' +
    'layer=one:country' +
    '&style=' +
    '&tilematrixset={TileMatrixSet}' +
    '&Service=WMTS' +
    '&Request=GetTile' +
    '&Version=1.0.0' +
    '&Format=image/png' +
    '&TileMatrix={TileMatrix}' +
    '&TileCol={TileCol}' +
    '&TileRow={TileRow}',

  style: '',
  layer: 'one:country',
  tilingScheme: new Cesium.GeographicTilingScheme(), //应于EPSG:4326切片方案，是一个简单的地理投影方案
  tileMatrixSetID: 'EPSG:4326',
  tileMatrixLabels: ['EPSG:4326:0', 'EPSG:4326:1', 'EPSG:4326:2', 'EPSG:4326:3', 'EPSG:4326:4', 'EPSG:4326:5', 'EPSG:4326:6', 'EPSG:4326:7', 'EPSG:4326:8', 'EPSG:4326:9', 'EPSG:4326:10', 'EPSG:4326:11', 'EPSG:4326:12', 'EPSG:4326:13', 'EPSG:4326:14', 'EPSG:4326:15', 'EPSG:4326:16', 'EPSG:4326:17', 'EPSG:4326:18', 'EPSG:4326:19', 'EPSG:4326:20', 'EPSG:4326:21'],
  maximumLevel: 18,
});
this.viewer.imageryLayers.addImageryProvider(wmtsLayer)