布局引入VueCesium

master
叶志超 2021-12-23 11:31:50 +08:00
parent c92438a210
commit a0cc0ccc63
2 changed files with 7 additions and 5 deletions

View File

@ -15,10 +15,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from 'vue' import { computed } from 'vue'
import { useStore } from 'vuex' import { useStore } from 'vuex'
import { VcViewer, VcLayerImagery, VcProviderImageryTianditu, VcNavigation, VcDatasourceCzml } from 'vue-cesium'
// import 'vue-cesium/dist/index.css'
import earth from '../assets/earth.jpg' import earth from '../assets/earth.jpg'
import entity from '../api/entity' import entity from '../api/entity'
// //

View File

@ -1,12 +1,17 @@
import { createApp } from 'vue' import { createApp } from 'vue'
import App from './App.vue' import App from './App.vue'
import VueCesium from 'vue-cesium'
import 'vue-cesium/dist/index.css' import 'vue-cesium/dist/index.css'
import { VcViewer, VcLayerImagery, VcNavigation, VcDatasourceCzml, VcProviderImagerySingletile } from 'vue-cesium'
import store from './store' import store from './store'
import './main.css' import './main.css'
const cesiumPath = (process.env.NODE_ENV === 'development' ? './node_modules/cesium/Build/Cesium/Cesium.js': './Cesium/Cesium.js') const cesiumPath = (process.env.NODE_ENV === 'development' ? './node_modules/cesium/Build/Cesium/Cesium.js': './Cesium/Cesium.js')
createApp(App).use(VueCesium, { cesiumPath: cesiumPath }).use(store).mount('#app') const app = createApp(App)
app.use(store)
// 局部引入VueCesium
app.use(VcViewer).use(VcLayerImagery).use(VcNavigation).use(VcDatasourceCzml).use(VcProviderImagerySingletile)
app.config.globalProperties.$VueCesium = { cesiumPath }
app.mount('#app')