Cesuim开发界面配置

         在Cesuim开发时,恐怕很多人第一步就是把Cesuim的标准界面重新改一下,在Cesuim的标准界面上有很多设定好的工具栏目,那么如何显示和隐藏Cesuim界面上的工具栏呢?如下图:

002.png

1、Geocoder : 查找位置工具,查找到之后会将镜头对准找到的地址,默认使用bing地图

2、Home Button :视角返回初始位置.

3、Scene Mode Picker : 选择视角的模式,有三种:3D,2D,哥伦布视图(CV)

4、Base Layer Picker : 图层选择器,选择要显示的地图服务和地形服务.

5、Navigation Help Button :导航帮助按钮,显示默认的地图控制帮助.

6、Animation : 动画器件,控制视图动画的播放速度.

7、Timeline :时间线,指示当前时间,并允许用户跳到特定的时间.

8、Credits Display :版权显示,显示数据归属,必选

9、Fullscreen Button :全屏按钮。本文来自于广州地理信息网:http://www.gzgis.com

       通过修改JavaScript中的viewer配置来控制Cesuim的界面工具面板。

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 : '//192.168.0.89:5539/planet-satellite/'   
    } ),//图像图层提供者,仅baseLayerPicker设为false有意义   
    terrainProvider : new Cesium.EllipsoidTerrainProvider(),//地形图层提供者,仅baseLayerPicker设为false有意义   
    skyBox : new Cesium.SkyBox({   
        sources : {   
          positiveX : 'Cesium-1.7.1/Skybox/px.jpg',   
          negativeX : 'Cesium-1.7.1/Skybox/mx.jpg',   
          positiveY : 'Cesium-1.7.1/Skybox/py.jpg',   
          negativeY : 'Cesium-1.7.1/Skybox/my.jpg',   
          positiveZ : 'Cesium-1.7.1/Skybox/pz.jpg',   
          negativeZ : 'Cesium-1.7.1/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()   
    //需要进行可视化的数据源的集合   
} );


  • 评论列表

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP 1.7.3

粤ICP备19141338号,Copyright Your gzgis.com Rights Reserved.