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文件中的对应语句:
替换为: