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. 运行结果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/baidu_38271024/article/details/88998695
今日推荐