本文示列 cesium自定義圖層。

//自定義圖層
    var viewer = new Cesium.Viewer('cesiumContainer',{
                animation:false,//動畫小視窗
                timeline:false,//時間軸
                fullscreenButton:false,//全屏
                vrButton:false,//vr按鈕
                geocoder:false,//右上角查詢按鈕
                sceneModePicker:false
 
,//2D,2.5D,3D切換
                homeButton:false,//home按鈕
                navigationHelpButton:false,//幫助按鈕
                baseLayerPicker:true,//圖層選擇器
                imageryProviderViewModels:getImageryProviderArr(),//獲取或設定可用於影象選擇的ProviderViewModel例項陣列。這個屬性是可觀察的。
                terrainProviderViewModels:getTerrainProviderViewModelsArr(),//
 
獲取或設定可用於地形選擇的ProviderViewModel例項陣列。這個屬性是可觀察的。
    });
    
    //圖層
    function getImageryProviderArr(){
        return [
        new Cesium.ProviderViewModel({
            name:'name1',//圖層的名稱。
            tooltip:'name1',//顯示專案被隱藏的工具提示。
            iconUrl:'img/1.jpg',//代表圖層的圖示。
            creationFunction:function
 
(){//一個函式或命令，用於建立一個或多個提供程式，這些提供程式將在選擇此專案時新增到地球儀中。
                return new Cesium.ArcGisMapServerImageryProvider({
                    url:'http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer'
                })
            }
        }),
    
        new Cesium.ProviderViewModel({
            name:'name2',//圖層的名稱。
            tooltip:'name2',//顯示專案被隱藏的工具提示。
            iconUrl:'img/2.jpg',//代表圖層的圖示。
            creationFunction:function(){//一個函式或命令，用於建立一個或多個提供程式，這些提供程式將在選擇此專案時新增到地球儀中。
                return new Cesium.ArcGisMapServerImageryProvider({
                    url:'https://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer',
                })
            }
        })
        ]
    }
    //地形
    function getTerrainProviderViewModelsArr(){
        return[
            new Cesium.ProviderViewModel({
                name:'無地形',
                tooltip:'WGS84標準球體',
                iconUrl:'img/3.jpg',
                creationFunction:function(){
                    return new Cesium.EllipsoidTerrainProvider({
                        ellipsoid:Cesium.Ellipsoid.WGS84
                    })
                }
            }),
            new Cesium.ProviderViewModel({
                name:'地形',
                tooltip:'STK線上地形',
                iconUrl:'img/4.jpg',
                creationFunction:function(){
                    return new Cesium.CesiumTerrainProvider({
                        url:Cesium.IonResource.fromAssetId(1),
                        requestWaterMask:!0,
                        requestVertexNormals:!0
                    })
                }
            })
        ]
    }