cesium(自定义图层)

本文示列 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
                    })
                }
            })
        ]
    }

 

转载于:https://www.cnblogs.com/MaShuai666/p/9960914.html