Cesium components for Vue 2.x that can help you load Cesium built package or other third-party packages which are built on Cesium.
Amateur learning Vue component development, continuous development.
npm i --save vue-cesium
import Vue from 'vue'
import VueCesium from 'vue-cesium'
// Vue-Cesium will load Cesium.js from `https://unpkg.com/cesium/Build/Cesium/Cesium.js`
Vue.use(VueCesium)
import Vue from 'vue'
import VueCesium from 'vue-cesium'
Vue.use(VueCesium, {
// cesiumPath is path of Cesium.js', for example:
// local Cesium Build package:
// cesiumPath: /static/Cesium/Cesium.js
// Personal online Cesium Build package:
// cesiumPath: 'https://zouyaoji.top/vue-cesium/statics/Cesium/Cesium.js'
// Personal online SuperMap Cesium Build package:
// cesiumPath: 'https://zouyaoji.top/vue-cesium/statics/SuperMapCesium/Cesium.js'
// Official Online Cesium Build package:
cesiumPath: 'https://unpkg.com/cesium/Build/Cesium/Cesium.js'
})
<template>
<div class="viewer">
<cesium-viewer>
</cesium-viewer>
</div>
</template>
<style>
.viewer {
width: 100%;
height: 400px;
}
</style>
Copyright (c) 2018-present, zouyaoji [email protected]
I referenced a lot from the vue-baidu-map project. Thanks very much!