leungMr / vue-cesium

Cesium components for Vue 2.x that can help you load Cesium built package or other third-party packages which are built on Cesium.

VUE CESIUM

Cesium components for Vue 2.x that can help you load Cesium built package or other third-party packages which are built on Cesium.

Languages

• 中文
• English

Documentation

• Online Documentation
• For more examples

Get Start

Amateur learning Vue component development, continuous development.

Installation

npm i --save vue-cesium

Initialization

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'
})

Usage

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

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

Contributing

Contributing Guide

License

MIT License

Copyright (c) 2018-present, zouyaoji [e-mail]

Thanks

I referenced a lot from the vue-baidu-map project. Thanks very much!