@even_jie/jhree NPM

Jhree

概述：利用原生cesium封装一些常用功能,帮助快速开发cesium项目

中文文档：https://gunomniscience.github.io/jesium/

Vue3中使用jesium

安装cesium
```
npm i cesium
```
拷贝node_modules/cesium/Build/Cesium/Assets、node_modules/cesium/Build/Cesium/ThirdParty、node_modules/cesium/Build/Cesium/Widgets、node_modules/cesium/Build/Cesium/Workers目录到项目的public目录下

在main.ts中添加如下代码

 import { Ion } from "cesium"
 import "cesium/Build/Cesium/Widgets/widgets.css";

 // 配置cesium初始化
 window.CESIUM_BASE_URL = '/'; // / = public目录，如果是放在public/libs/cesium下面那么应该写：/libs/cesium/
 Ion.defaultAccessToken = '你的Cesium Ion的token';

安装jesium
```
npm i jesium
```

配置已经完成接下来可以使用jesium来快速开发cesium了

<template>
   <div class="cesium-container" ref="cesiumContainer"></div>
</template>
<script lang="ts" setup>
import {reactive,toRefs,defineComponent, ref, onMounted} from "vue"
import { Jesium } from "jesium"

const cesiumContainer = ref();
onMounted(() => {
   const jesium = new Jesium(cesiumContainer.value);
})
</script>

<style lang="scss" scoped>
.cesium-container {
   width: 100%;
   height: 100%;
}
</style>

npm.io