README.zh.md

VUE CESIUM

基于 Vue 2.x 的 Cesium 三维地图组件。

语言

• 中文
• English

链接

• 在线文档
• 官方例子
• 更多例子

开始

VueCesium 引入的是构建后的 CesiumJS 库，也就是下载 Cesium 源码后打包生成的 Build目录的 CesiumJS。引入 Build 后的库有个很大的好处：可以根据项目需求使用在线、本地、官方原生库或基于 Cesium 构建的第三方库。目前已经测试成功加载超图的 SuperMap iClient 3D for WebGL 和 西部世界 CesiumLab 的 EarthSDK 。

查看目前已开发的组件.

逐步完善中，有问题请提 Issue。

安装

npm i --save vue-cesium

使用

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)
// 或者
// 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 default
// })

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

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

贡献

贡献指南

协议

MIT 许可证

版权所有 (c) 2018 至今, zouyaoji [email protected]

捐赠

您的支持是我前进的动力，更好的支持开源事业！~

微信

支付宝

QQ 交流群

点击链接加入群聊【Cesium 开心农场(16533444)】

参考

学习借鉴了 2 个 vue 组件项目vue-baidu-map和vuelayers。