angular5+项目集成CesiumJS 3D地球

摸索中学习。

首先：npm install ...
下面是package.json中的，我也是第一次集成，这几个是下载的；

    "@types/cesium": "^1.59.0",
    "cesium": "^1.61.0",
    "cesium-typings": "^1.50.2",
    "e-ngx-cesium": "^6.3.2",

其次：
1：新建一个 cesium.component 将此 CesiumComponent在module.ts中加载；
2：在cesium.component.ts中粘贴此代码块

import { Component, OnInit } from '@angular/core';
 
@Component({
  selector: 'cesium',
  templateUrl: './cesium.component.html',
  styleUrls: ['./cesium.component.scss']
})
export class ModeSwitchComponent implements OnInit {
  title = 'app';
  ngOnInit() {
    Cesium.Ion.defaultAccessToken = '申请自己KEY，申请步骤可百度'
    console.log("-----------------ngOnInit-------------------");
    var viewer = new Cesium.Viewer('cesiumContainer',{
        // geocoder: false,                //是否显示地名查找控件
        sceneModePicker: false,         //是否显示投影方式控件
        navigationHelpButton: false,    //是否显示帮助信息控件
        // baseLayerPicker: false,         //是否显示图层选择控件
        homeButton: false,              //是否显示Home按钮
        // fullscreenButton: false,        //是否显示全屏按钮    
        timeline:false,                 //时间轴控件 
        animation:false,                //动画控件 
    })


    //去cesium logo水印 或 css
    viewer.cesiumWidget.creditContainer.style.display = "none";//去cesium logo水印
    viewer.flyTo(enetity)
  }

}

显示效果如下：

如果你看到最后了，有几点需要注意：
1：如果使用的编译软件是严格模式，去掉logo的那行代码会报错，没有关系，强迫症可以修改为非严格；
2：cesium在本地启动的时候带着自己申请的key请求的时候需要访问外网，如果公司有什么沙盒什么别的模式，不允许访问的话，先加权限。