二、简洁的Cesium

默认初始化的地图，总是包含了太多的组件。在日常的项目中，往往并不希望加载这些组件，我们只想要一个简洁的地图，然后自己设计一些工具。那么就用到了如下的设置：

var viewer = new Cesium.Viewer('cesiumContainer',{
        imageryProvider: new Cesium.UrlTemplateImageryProvider({
            url: 'http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}'
        }),//设置google地图为底图
        geocoder:false,/*查找位置工具*/
        homeButton:false,/*视角返回初始位置*/
        sceneModePicker:false,/*选择视角的模式，有三种：3D、2D、哥伦布视图（CV）*/
        baseLayerPicker:false,/*图层选择器，选择要显示的地图服务和地形服务*/
        navigationHelpButton:false,/*导航帮助按钮，显示默认的地图控制帮助*/
        animation:false,/*动画器件，控制视图动画的播放速度*/
        timeline:false,/*时间线，指示当前时间，并允许用户跳到特定的时间*/
        // creditContainer:"credit",/*版权显示，显示数据归属，必选*/
        fullscreenButton:false,/*全屏按钮*/
    });
    viewer._cesiumWidget._creditContainer.innerHTML = '';/*去掉左下角的文字说明*/

效果如下图

image.png

一般在开发阶段，为了方便监测浏览器的渲染压力，会将帧速显示出来，代码如下

viewer.scene.debugShowFramesPerSecond = true;/*显示帧速FPS*/