快速搭建 vite vue3 TypeScript cesium 工程,GIS开发

1)准备vite vue3 TypeScript 初始工程。(创建流程:速创建vue3 + vite 项目工程_创建vue3+vite项目-CSDN博客

2)在当前工程的终端窗口输入: npm install cesium

3)在当前工程的终端窗口输入(可选): npm install vite-plugin-cesium (如果没有用vite构建工具,跳过此步骤)

4) 注册cesium并申请token码 :Cesium: The Platform for 3D Geospatial

5)从 node_modules/cesium/Build/Cesium 复制cesiumJS库到public文件夹下

6)为vite构建添加cesium插件

7)以上 vite构建工具 vue3 +TypeScript + cesium初始工程配置完成,下面在Vite + Vue 的 components/HelloWorld.vue 示例面板下面展示cesium地图。

引入cesium库,添加解构渲染后执行方法,onMounted执行调用 cesium API,在html渲染 template添加cesium地图。

老规矩上 参考示例 源代码工程:https://download.csdn.net/download/odogroup/89748480

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值