GIS

二、简洁的Cesium

2020-03-24  本文已影响0人  仙人掌开不了花

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

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*/
上一篇下一篇

猜你喜欢

热点阅读