cesium隐藏地球及设置默认视角及其他viewer属性设置

最新推荐文章于 2025-05-28 06:39:31 发布

杨小虾

最新推荐文章于 2025-05-28 06:39:31 发布

阅读量8.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Cesium 随笔

本文链接：https://blog.csdn.net/dangga/article/details/103177741

Cesium 同时被 2 个专栏收录

14 篇文章

订阅专栏

随笔

4 篇文章

订阅专栏

本文介绍如何使用Cesium JS进行地图定制，包括隐藏地球、设置默认视角、禁用各种UI组件，以及如何配置天空盒、图层提供者等。通过修改Cesium Viewer的配置，实现个性化的地图展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//当前相机高度

viewer.camera.positionCartographic.height;

//隐藏地球

viewer.scene.globe.show = false;

//设置默认视角，在cesium.js中大约十四万一千五百行左右中，更改 camera的 Camera.DEFAULT_VIEW_RECTANGLE 属性。看大佬“宥MySunshine”写的。哈哈哈

 Camera.DEFAULT_VIEW_RECTANGLE = Rectangle.fromDegrees(89.5, 20.4, 110.4, 61.2);//homebutton默认跳转位置

//也是抄的这个““宥MySunshine”” 大佬的

var viewer = new Cesium.Viewer( 'cesiumContainer', {  
    animation : false,//是否创建动画小器件，左下角仪表  
    baseLayerPicker : false,//是否显示图层选择器  
    fullscreenButton : false,//是否显示全屏按钮  
    geocoder : false,//是否显示geocoder小器件，右上角查询按钮  
    homeButton : false,//是否显示Home按钮  
    infoBox : false,//是否显示信息框  
    sceneModePicker : false,//是否显示3D/2D选择器  
    selectionIndicator : false,//是否显示选取指示器组件  
    timeline : false,//是否显示时间轴  
    navigationHelpButton : false,//是否显示右上角的帮助按钮  
    scene3DOnly : true,//如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源  
    clock : new Cesium.Clock(),//用于控制当前时间的时钟对象  
    selectedImageryProviderViewModel : undefined,//当前图像图层的显示模型，仅baseLayerPicker设为true有意义  
    imageryProviderViewModels : Cesium.createDefaultImageryProviderViewModels(),//可供BaseLayerPicker选择的图像图层ProviderViewModel数组  
    selectedTerrainProviderViewModel : undefined,//当前地形图层的显示模型，仅baseLayerPicker设为true有意义  
    terrainProviderViewModels : Cesium.createDefaultTerrainProviderViewModels(),//可供BaseLayerPicker选择的地形图层ProviderViewModel数组  
    imageryProvider : new Cesium.OpenStreetMapImageryProvider( {  
        credit :'',  
        url : ''  
    } ),//图像图层提供者，仅baseLayerPicker设为false有意义  
    terrainProvider : new Cesium.EllipsoidTerrainProvider(),//地形图层提供者，仅baseLayerPicker设为false有意义  
    skyBox : new Cesium.SkyBox({  
        sources : {  
          positiveX : './Skybox/px.jpg',  
          negativeX : './Skybox/mx.jpg',  
          positiveY : './Skybox/py.jpg',  
          negativeY : './Skybox/my.jpg',  
          positiveZ : './Skybox/pz.jpg',  
          negativeZ : './Skybox/mz.jpg'  
        }  
    }),//用于渲染星空的SkyBox对象  
    fullscreenElement : document.body,//全屏时渲染的HTML元素,  
    useDefaultRenderLoop : true,//如果需要控制渲染循环，则设为true  
    targetFrameRate : undefined,//使用默认render loop时的帧率  
    showRenderLoopErrors : false,//如果设为true，将在一个HTML面板中显示错误信息  
    automaticallyTrackDataSourceClocks : true,//自动追踪最近添加的数据源的时钟设置  
    contextOptions : undefined,//传递给Scene对象的上下文参数（scene.options）  
    sceneMode : Cesium.SceneMode.SCENE3D,//初始场景模式  
    mapProjection : new Cesium.WebMercatorProjection(),//地图投影体系  
    dataSources : new Cesium.DataSourceCollection()  
    //需要进行可视化的数据源的集合  
} );