cesium-pocket

cesium-pocket

Cesium + Vue3 + Vite 的口袋式轻量级组件工具库。服务于webGIS开发人员，面向三维数字孪生，可视化大屏业务场景。 作者联系方式 微信：brilliant201306 官方网站：cesium-pocket官网

1. 安装方式：

npm i cesium-pocket --save
pnpm i cesium-pocket //推荐
yarn add cesium-pocket

2. 依赖资源：

npm i vue //vue3版本
npm i cesium --save
npm i vite-plugin-cesium --save
npm i three --save
npm i @types/three  //ts语言需要

/* 推荐pnpm */
pnpm i vue //vue3版本
pnpm i cesium
pnpm i vite-plugin-cesium
pnpm i three
pnpm i @types/three  //ts语言需要

yarn add vue
yarn add cesium 
yarn add vite-plugin-cesium
yarn add three
yarn add @types/three  //ts语言需要

3. 推荐技术栈：

推荐使用vue3 + vite + ts + cesium + threejs

vue >=3.3 vite >=4.0 cesium >= 1.139 three >= r174

4. 导入方式：

按需导入：

//业务组件内
import 'cesium-pocket/index.css'
import { cpCompass, cpRuler, cpCoord，mfOverlay, cpPin } from 'cesium-pocket' //罗盘、比例尺、中心点实时坐标,覆盖面板,大头针

全局导入：

//main.js
import 'cesium-pocket/index.css'
import CesiumPocket from 'cesium-pocket'
const app = createApp(App);
app.use(CesiumPocket)

4. 参考资料：

cesium相关内容请参考 cesium官网

cesium相关内容请参考 threejs官网

css相关内容请参考 菜鸟教程css

css相关内容请参考 菜鸟教程js

css相关内容请参考 菜鸟教程vue3