VUE CESIUM

Load the Cesium official build package or other third-party Cesium packages (such as the Superap WebGL build package) to the Vue component.

Get Start

Installation

npm i --save vue-cesium

Initialization

import Vue from 'vue'
import VueCesuium from 'vue-cesium'

Vue.use(VueCesium, {
  // cesiumPath is the path of the Cesium library, such as
  // cesiumPath: '/statics/Cesium'
  // use online reference for http
  // cesiumPath: 'http://support.supermap.com.cn:8090/webgl/Build'
  // use online reference for https
  cesiumPath: 'https://zouyaoji.top/vue-cesium'
})

Usage

<template>
  <div class="viewer">
    <cesium-viewer>
    </cesium-viewer>
  </div>
</template>

<style>
.viewer {
  width: 100%;
  height: 400px;
}
</style>

GitHub