cesium的使用

一，初始化

1，下载

npm install cesium

2，使用

// 引用

import * as Cesium from 'cesium/Cesium';

import 'cesium/Widgets/widgets.css' 
 Cesium.Ion.defaultAccessToken =
                '';

            that.viewer = new Cesium.Viewer(this.$refs.myCesium, {
                baselLayerPicker: false,
                homeButton: false,
                timeline: true,
                animation: false,
                scene3DOnly: true,
                navigationHelpButton: false,
                fullscreenButton: false,
                geocoder: false,
                baseLayerPicker: false,
                imageryProvider: new Cesium.UrlTemplateImageryProvider({
                    // url: 'https://webst02.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}',
                    url: that.rootConfig.imageryUrl,
                    layer: 'tdtVecBasicLayer',
                    style: 'default',
                    format: 'image/png',
                    tileMatrixSetID: 'GoogleMapsCompatible2'
                })
            });

            // 去除版权信息
            this.viewer._cesiumWidget._creditContainer.style.display = 'none';
            // 隐藏时间轴
            this.viewer.timeline.container.style.display = 'none';

            this.drawGraphicUtils = new this.DrawGraphicUtils(this.viewer);
            //将三维球定位到中国
            this.drawGraphicUtils.flyToInit();

            // 事件
            this.inputAction();