素材巴巴 > 程序开发 >

angular中配置cesium

程序开发 2023-09-02 22:42:58

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


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。