Bootstrap

cesium加载osm和tms

一、加载osm

addOSM(data) {
    let { name, url, minimumLevel, maximumLevel, rectangle } = data;
    let imageryProvider = new Cesium.UrlTemplateImageryProvider({
        url: url + "/{z}/{x}/{y}.png",
        minimumLevel: minimumLevel || 0,
        maximumLevel: maximumLevel || 22,
        rectangle: rectangle ? Cesium.Rectangle.fromDegrees(rectangle[0][0], rectangle[0][1], rectangle[1][0], rectangle[1][1]) : undefined,
    });
    let omsServer = viewer.imageryLayers.addImageryProvider(imageryProvider);
}

二、加载tms

addTMS(data) {
    let { name, url, minimumLevel, maximumLevel, rectangle } = data;
    let imageryProvider = new Cesium.UrlTemplateImageryProvider({
        url: url + "/{z}/{x}/{reverseY}.png",
        tilingScheme: new Cesium.GeographicTilingScheme(),
        minimumLevel: minimumLevel ? minimumLevel : 0,
        maximumLevel: maximumLevel ? maximumLevel : 18,
        rectangle: rectangle ? Cesium.Rectangle.fromDegrees(rectangle[0][0], rectangle[0][1], rectangle[1][0], rectangle[1][1]) : undefined
    });
    let tmsServer = this.viewer.imageryLayers.addImageryProvider(imageryProvider);
}

;