首页 > 其他分享 >cesium基础组件的显示与隐藏

cesium基础组件的显示与隐藏

时间:2022-09-27 10:35:38浏览次数:59  
标签:none false viewer display 组件 cesium 隐藏

方法一

/* 通过css控制组件显隐及位置 */
        .cesium-viewer-toolbar,   /*右上角按钮*/
        .cesium-viewer-animationContainer,/*左下角动画控件*/
        .cesium-viewer-timelineContainer,/*时间线*/
        .cesium-viewer-bottom /*logo信息*/
        {
            display: none;
        }
        /* 隐藏logo图片 */
        .cesium-widget-credits {
            display: none;
        }
        .cesium-viewer-fullscreenContainer { /* 全屏按钮*/
            display: none !important;
        }

  

  方法二
 const viewer = new Cesium.Viewer('container',{
            // animation:false,//动画小组件
            // baseLayerPicker:false,//地图组件,请选择三维数字地球的底图(image and terrain)
            // fullscreenButton:false,//全屏组件
            // vrButton:false, // VR模式
            // geocoder:false,//地理编码搜索组件
            // homeButton:false,//首页 点击之后视图将跳转到默认视角
            // infoBox:false,//信息框
            // sceneModePicker:false,//场景模式 切换2D 3D和 Columbus View(cv)模式
            // selectionIndicator:false,//是否显示选取指示组件
            // navigationHelpButton:false,//帮助提示,如何操作数字地球
            // // 如果最初应该看到导航说明,则为true,如果直到用户明确单击该按钮,则该按钮提示不显示,否则为true
            // navigationInstructionsInitiallyVisible:false,
            // skyBox:new Cesium.SkyBox({
            //     mapProjection:new Cesium.WebMercatorProjection(),
            // }),//天空盒效果
            // timeline:false,//时间轴
        })
        //隐藏左下角logo
        // viewer._cesiumWidget._creditContainer.style.display ='none'

  

标签:none,false,viewer,display,组件,cesium,隐藏
From: https://www.cnblogs.com/h5it/p/16733625.html

相关文章