vue 集成cesium 1.105

要将Cesium 1.105集成到Vue中，需要执行以下步骤：

1. 在Vue项目中安装Cesium库。可以通过npm或yarn来安装，执行以下命令：

   npm install cesium@1.105 --save

或

   yarn add cesium@1.105

2. 在Vue项目的`src`目录下创建一个`assets`文件夹，并将以下文件复制到此文件夹下：
- `node_modules/cesium/Build/Cesium/Cesium.js`
- `node_modules/cesium/Build/Cesium/Widgets/widgets.css`

3. 在Vue项目的`public`文件夹下创建一个`js`文件夹，并将以下文件复制到此文件夹下：
- `node_modules/cesium/Build/Cesium/Workers`

4. 在Vue项目的`public`文件夹下的`index.html`文件中，添加以下代码段到`head`标签中：

   <link rel="stylesheet" href="%PUBLIC_URL%/js/widgets/widgets.css" />
   <script src="%PUBLIC_URL%/js/Cesium.js"></script>

5. 在Vue项目的`src`目录下创建一个`components`文件夹，并创建一个`CesiumViewer.vue`文件。在此文件中，可以使用以下示例代码来创建一个Cesium Viewer组件并展示地球：

   <template>
     <div id="cesiumContainer" style="width: 100%; height: 100%;"></div>
   </template>

   <script>
   export default {
     mounted() {
       const viewer = new Cesium.Viewer('cesiumContainer');
     }
   };
   </script>

   <style scoped>
   #cesiumContainer {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
   }
   </style>

6. 在Vue项目的App.vue文件或其他组件中，使用以下代码导入并使用CesiumViewer组件：

   <template>
     <div id="app">
       <CesiumViewer />
     </div>
   </template>

   <script>
   import CesiumViewer from './components/CesiumViewer.vue';

   export default {
     components: {
       CesiumViewer
     }
   };
   </script>

完成以上步骤后，Cesium 1.105就可以在Vue项目中使用了。运行Vue项目后，将展示一个带有Cesium Viewer的地球场景。