cesium +vue3 +vite 实现点线面功能_科技_发门网

cesium +vue3 +vite 实现点线面功能

创始人

2024-05-20 10:47:24

0次

第一步：搭建vue3项目

1、npm在相应文件夹下创建

npm create vite@latest

2、选择项目名称
在这里插入图片描述
3、选择vue

4、选择是否使用typescript 或者JavaScript
5、记得在终端npm install一下就可以启动项目了

第二步：引入cesiumJS

1、npm引入

npm i cesium vite-plugin-cesium vite -D

2、到官网去下载 https://www.cesium.com/ => Platform => CesiumJS；
点击下载，下载完成后解压，拷贝 Build 目录下的 Cesium 下的所有内容到项目的 public 目录下即可
在这里插入图片描述
以上两种方式任选一种安装即可

第三步：在vite.config.js里进行配置

在这里插入图片描述

第四步：在App.vue里面进行全局导入（注：需要id为cesiumContainer的div挂载后再执行Cesium的代码）

在这里插入图片描述

第五步：npm run dev 运行可看到页面所示

在这里插入图片描述

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：Webshell（网页后门）

下一篇：Windows下编译安装OpenCASCADE

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...

【PdgCntEditor】解... 一、问题背景大部分的图书对应的PDF，目录中的页码并非PDF中直接索引的页码...

在Word、WPS中插入AxM... 引言我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...

protocol buffer... 目录目录什么是protocol buffer 1.protobuf 1.1安装 1.2使用...

修复爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...

Windows10添加群晖磁盘... 在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。通过...

Fluent中创建监测点 1 概述某些仿真问题，需要创建监测点，用于获取空间定点的数据࿰...

ChatGPT 怎么用最新详细... ChatGPT 以其强大的信息整合和对话能力惊艳了全球，在自然语言处理上面表现出了惊人...

educoder数据结构与算法... ...

MySQL下载和安装（Wind... 前言：刚换了一台电脑，里面所有东西都需要重新配置，习惯了所...