📌适用人群

选择vue3方向的cesium web端开发人员。且同时具备css3,ecmascript6及以上版本的基本开发技能。推荐使用vite作为构建工具。Cesium + Vue3 + Vite 的口袋式轻量级组件工具库。服务于webGIS开发人员,面向三维数字孪生,可视化大屏业务场景。

📌安装

建议内地大多数用户安装淘宝镜像,安装命令:npm config set registry=https://registry.npmmirror.com


npm install cesium-pocket --save
yarn add cesium-pocket
pnpm install cesium-pocket

📌依赖的第三方库

建议第三方库的版本要求:Cesium v1.139+ Three r174+ Vue3.5+ vite4.0+


//依赖cesium/threejs
npm install cesium --save
npm install vite-plugin-cesium --save
npm install three --save
//如果是ts工程加上
npm install @types/three --save
yarn add cesium
yarn add vite-plugin-cesium
yarn add three
//如果是ts工程加上
yarn add @types/three
//依赖cesium/threejs
pnpm install cesium
pnpm install vite-plugin-cesium
pnpm install three
//如果是ts工程加上
pnpm install @types/three

📌导入


//main.ts或main.js
//import 'cesium-pocket/index.css'
import CesiumPocket from 'cesium-pocket'
const app = createApp(App);
app.use(CesiumPocket)
//业务代码
//import 'cesium-pocket/index.css'
import { cpCompass, cpRuler, cpCoordmfOverlay, cpPin } from 'cesium-pocket' //罗盘、比例尺、中心点实时坐标,覆盖面板,大头针