@mmcuav/vue-webgl NPM

安装

npm install @mmcuav/vue-webgl

yarn add @mmcuav/vue-webgl

引入 @mmcuav/vue-webgl

在 main.js 中写入以下内容：

import Vue from 'vue';
import App from './App.vue';

//@mmcuav/vue-webgl组件库
import  '@mmcuav/vue-webgl/dist/styles/vue-webgl.min.css';
import VueiClient from '@mmcuav/vue-webgl';
Vue.use(VueiClient);

new Vue({
  el: '#app',
  render: h => h(App)
});

::: tip 注意

使用Vue-cli引入静态资源，请把安装包里的static文件夹下的Cesium依赖包放到工程里的static文件夹下。 :::

在 index.html 中写入以下内容：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>@mmcuav/vue-webgl</title>

  <!--Cesium-->
  <link href="./static/Cesium/Widgets/widgets.css" rel="stylesheet">
  <script src="./static/Cesium/Cesium.js"></script>
</head>

<body>
  <div id="app"></div>
</body>

</html>