# <img src="http://cesium-pocket.com/logo.svg" width="28px"   alt="示例图"/>cesium-pocket 
 Cesium + Vue3 + Vite 的口袋式轻量级组件工具库。服务于webGIS开发人员，面向三维数字孪生，可视化大屏业务场景。
 作者联系方式 微信：brilliant201306
官方网站：<a href="http://cesium-pocket.com">cesium-pocket官网</a>



 ## 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. 推荐技术栈：
<p>推荐使用vue3 + vite + ts + cesium + threejs</p>  
<p>vue >=3.3  vite >=4.0  cesium >= 1.139  three >= r174</p> 


## 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. 参考资料：
<p>cesium相关内容请参考 <a href="https://cesium.com">cesium官网</a></p>
<p>cesium相关内容请参考 <a href="https://threejs.org/">threejs官网</a></p>
<p>css相关内容请参考 <a href="https://www.runoob.com/css/css-tutorial.html">菜鸟教程css</a></p>
<p>css相关内容请参考 <a href="https://www.runoob.com/js/js-tutorial.html">菜鸟教程js</a></p>
<p>css相关内容请参考 <a href="https://www.runoob.com/vue3/vue3-tutorial.html">菜鸟教程vue3</a></p>