cesium学习

快乐无比的小李

2023-09-06 160 阅读1分钟

废话不多说，上前菜！

学习网站

cesium的api手册查阅 cesium.xin/cesium/cn/D…
模型资源和例子参考mars3d.cn/example.htm…

ps: 那个手册有些是英文借助AI帮你翻译一下噢~

开发环境（vue3 + vite）

创建项目 npm create vite@latest
安装依赖 npm i cesium vite-plugin-cesium
vite.config.js加点东西

import cesium from 'vite-plugin-cesium'
export default defineConfig({
  plugins: [
    cesium()
  ],
});

新建一个页面

<template>
    <div>
        <div id="cesiumContainer"> </div>
    </div>
</template>
<script setup lang="ts">
    import * as Cesium from 'cesium'
    import { onMounted } from 'vue';

    onMounted(() => {
        let viewer = new Cesium.Viewer('cesiumContainer')
    })
</script>

跑起来npm run dev，美丽的地球出现啦~

下一期： cesium 在地面添加小车