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