Cesium在vue2中的引入和注意事项

在Vue2中，可以使用npm包管理工具来安装Cesium，并通过import语句将其引入到项目中。下面是在Vue2中引入Cesium的步骤和注意事项：

步骤：

1. 首先，打开终端并进入Vue项目的根目录。

2. 运行以下命令来安装Cesium：

npm install cesium

在main.js（或任何需要使用Cesium的地方）文件中添加以下代码来引入Cesium：

注意：使用这种引入方法后，在页面中使用要this.Cesium；有很多文章并没有挂载到el上，所以在页面中直接Cesium加类即可。

import Vue from 'vue'
import Cesium from 'cesium'// 将Cesium挂载到Vue实例上
Vue.prototype.Cesium = Cesium

配置不要漏了

package.json

"eslintConfig": {"rules": {},"globals": {"Cesium": true}},

index.html

 <link rel="stylesheet" href="/Cesium/Widgets/widgets.css"  />

接下来，你可以在Vue组件中使用Cesium的API了。例如，在组件的方法中创建一个Cesium的Viewer实例：

export default {name: 'CesiumExample',mounted() {let viewer = new this.Cesium.Viewer('cesiumContainer')// 你的Cesium代码...}
}

注意事项：

总结起来，引入Cesium到Vue2项目中只需要简单的安装和引入步骤，但在实际使用中需要注意性能和兼容性问题。