angular中配置cesium

1.首先我们安装cesium,在命令行中
npm install --save cesium
2.再安装类型描述文件
npm install @types/cesium --save
3.在项目中引用cesium
打开angular.json文件,添加如下路径:

在这里插入图片描述

4.在main.ts中配置Cesium的环境路径
main.ts中添加以下语句:

在这里html中插入图片描述


5.然后在我们新生成组件在模板文件中加入id

html


6.在我们组件类文件中添加

在这里插入图片描述


7. 在组件css样式文件中添加

在这里插入图片描述


8. 运行结果:

在这里插入图片描述

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...