Cesium components for Vue 2.x that can help you load Cesium built package or other third-party packages which are built on Cesium.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
docs
src
.babelrc
.eslintrc.js
.gitignore update settings Oct 25, 2018
.npmignore
.travis.yml
CONTRIBUTING.md
LICENSE
README.md
README.zh.md
index.d.ts
package-lock.json
package.json
server.js

README.md

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.

npm Travis Package Quality npm license

Languages

Documentation

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:
  // ./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 370681295@qq.com

Thanks

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