前端vue使用Cesium加载geoserver发布的tif影像

小小关@XXG

于 2024-06-07 15:42:15 发布

阅读量138

点赞数 3

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_42089323/article/details/139528386

版权

要素都在这了

    let box = layerObj.latLonBoundingBox
    const rectangle = new Cesium.Rectangle(Cesium.Math.toRadians(box.minx), Cesium.Math.toRadians(box.miny), Cesium.Math.toRadians(box.maxx), Cesium.Math.toRadians(box.maxy));
    let url = layerObj.pngUrl.replace('{TileMatrix}', '{TileMatrixSet}:{TileMatrix}')
    const wmtsImageryProvider = new Cesium.WebMapTileServiceImageryProvider({
        url: url,//'/tifUrl/geoserver/gwc/service/wmts/rest/test:seg_1/{style}/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/png',
        layer: '',
        style: '',
        format: 'image/png',
        tileMatrixSetID: 'EPSG:4326',
        tilingScheme: new Cesium.GeographicTilingScheme({
            numberOfLevelZeroTilesX: 2,
            numberOfLevelZeroTilesY: 1,
        }),
        ellipsoid: Cesium.Ellipsoid.WGS84,
        rectangle: rectangle,
        maximumLevel: 21,
        minimumLevel: 1,
    });
    let GeoServerHand = Viewer.imageryLayers.addImageryProvider(wmtsImageryProvider);