在Angular框架中配置Cesium

1）.首先我们安装cesium，在webstorm中的Termianl中输入
npm install --save cesium

2）.再安装类型描述文件，让TypeScript认识Cesium
npm install @types/cesium --save

3 ）修改内容

  打开angular.json文件，添加如下信息

4）.在main.ts中配置Cesium的环境路径

  main.ts中添加以下语句

  window['CESIUM_BASE_URL'] = 'src/assets/cesium/';

5）.命令新建一个组件

  ng g component  components/cesiumtest

6）.css 如下：

html, body, div[appCesium] {

    width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;

}

值得注意的是：

如果通过如上步骤后发现Cesium的样式不正确，请检查是否在安装Cesium时，使用了cnpm命令。

造成这一情况的原因是，使用cnpm命令安装依赖时该文件夹并不是Cesium真实的目录。

Cesium真实的目录在这个位置

因此将anguar.json文件中的对应语句：

替换为：