1.安装依赖包
1.npm install cesium
2.官网在线依赖包
https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Cesium.js
https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Widgets/widgets.css
2.项目中引入依赖包
1.在index.html项目入口文件中直接引入
<script src="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
或者在项目angular.json中引入,将Cesium相关替换成自己项目中对应的地址。
"assets": [
{
"glob": "**/*",
"input": "../node_modules/cesium/Build/Cesium",
"output": "./assets/cesium"
},
"assets",
"favicon.ico"
],
"styles": [
"../node_modules/cesium/Build/Cesium/Widgets/widgets.css",
"styles.css"
],
"scripts": ["../node_modules/cesium/Build/Cesium/Cesium.js"]
2.在项目创建绘制地图的组件
<div id="map"></div>
3.在ts文件加载下面这段代码引入Cesium对象,在当前组件中就可以找到Cesium对象了
declare var Cesium: any;