代码拉取完成，页面将自动刷新
基于 Vue 2.x 的 Cesium 三维地图组件。
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>
版权所有 (c) 2018 至今, zouyaoji 370681295@qq.com
您的支持是我前进的动力，更好的支持开源事业！~
点击链接加入群聊【Cesium 开心农场(16533444)】
学习借鉴了项目vue-baidu-map和vuelayers，表示感谢。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手