/vue-cesium

Vue 2.x components for CesiumJS.

Primary LanguageJavaScriptMIT LicenseMIT

VUE CESIUM

Vue 2.x components for CesiumJS. Load Cesium built package or other third-party packages which are built on Cesium.

Travis npm npm license Coverage Status Package Quality

Languages

Links

Get Start

VueCesium using the built CesiumJS library. You can use online, local, official native libraries or third-party libraries built on Cesium depending on your project needs.

Developed components.

In the gradual improvement...

Installation

npm i --save vue-cesium

Usage

import Vue from 'vue'
import VueCesium from 'vue-cesium'
import lang from 'vue-cesium/lang/zh-hans'
// import lang from 'vue-cesium/lang/en-us'
Vue.use(VueCesium)
// or
// Vue.use(VueCesium, {
//   // cesiumPath is path of Cesium.js', for example:
//   // local Cesium Build package:
//   // cesiumPath: '/static/Cesium/Cesium.js'
//   // Online Cesium Build package:
//   // cesiumPath: 'https://zouyaoji.top/vue-cesium/statics/Cesium/Cesium.js'
//   // cesiumPath: 'https://cdn.jsdelivr.net/npm/cesium@latest/Build/Cesium/Cesium.js',
//   // cesiumPath: 'https://unpkg.com/cesium/Build/CesiumUnminified/Cesium.js',
//   // cesiumPath: 'https://unpkg.com/cesium@latest/Build/Cesium/Cesium.js',
//   cesiumPath: 'https://unpkg.com/cesium/Build/Cesium/Cesium.js',  // default
//   accessToken: `Your accessToken`,
//   lang: lang // 2.0.3+ //  zh-hans
// })
<template>
  <div class="viewer">
    <vc-viewer></vc-viewer>
  </div>
</template>

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

Contributing

Contributing Guide

License

MIT License

Copyright (c) 2018-present, zouyaoji 370681295@qq.com

Reference

Two good vue components projects: vue-baidu-map and vuelayers.

QQGroup

16533444