VUE3 +vite 离线部署 cesium示例

最新推荐文章于 2025-05-01 12:00:00 发布
最新推荐文章于 2025-05-01 12:00:00 发布
阅读量735 收藏 9
点赞数 9
CC 4.0 BY-SA版权
文章标签： arcgis vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/double_happy2/article/details/144038175

vue3 + vite 离线部署cesium

首先创建一个vite+vue3项目

使用 npm create vite@latest 命令 （离线就在有网的环境创建好，下载好依赖导入进去）
输入项目名称
输入项目名称
在这里插入图片描述
选择框架
在这里插入图片描述
选择语言

然后执行
cd 项目名
npm install
npm run dev
在这里插入图片描述

基础的项目就搭建好了

引入cesium文件

不要去官网下载cesium文件，因为会需要密钥，文章的最后我会挂上避开密钥的cesium文件
在这里插入图片描述
这是官网下载的cesium导入之后的界面

下载我的

最低0.47元/天 解锁文章
gis小羊羽
关注
离线环境下使用 cesium
纯爱枫若情的博客
04-13 8191
前言 不知道你在使用 cesium 的时候，有没有离线使用的需求。 也许你会说没有，但是如果你碰到如下情景，你该怎么处理呢？ 官方示例没法查看 对于使用 cesium 的人来说，应该都会有一种困惑，明明是从官方网站上下载下来的包，但是没过多久，官方自带的示例都没使用了。 打开以后，会发现三维部分变成黑黑的一片了，三维球并没有被创建出来。 打开控制台，会发现如下这条请求报错了。 从返回的参数，不难看出，之所以出现这个问题，是因为 token 未验证通过。 为什么会出现这种情况呢？ 别着急，后面我会奉上自己
cesium开发——在vue项目中使用cesium，使用离线地图资源
weixin_46557501的博客
04-01 4568
cesium开发——在vue项目中使用cesium，离线地图资源替换网络资源
Vue2中CesiumV1.113.0加载离线地图
03-08
Vue2中CesiumV1.113.0加载离线地图
在Vue3+Vite中引入Cesium
最新发布
阿琰a_的博客
05-01 802
最近在研究Cesium，尝试把Cesium引入到vite+vue框架中。vue+vite初始化项目这里不多做概述，需要搭建步骤的可以看我往期的文章。搭建完vue项目后，我们需要先去cesium管网去注册一个token，用于访问cesium地图资源。根据步骤注册token即可。前期准备完成后正式开始引入Cesium。
gis开发三维地球（Cesium+Vue3+JS+本地离线部署）
刘一帆的博客
01-09 795
（将影响瓦片类比拼图，首先是有很多层的拼图，然后根据x、y去定位拼图所在位置）：里面含有0，1，2（分别代表每一层z）0，1，2文件夹底下再分为0，1，2（代表这层的x）再下一层为对应的0.png（代表这层的y）通过z、x、y去读取每一块图片。
Vue离线集成Cesium
mzcan666的博客
12-06 2604
对Vue我也不是非常的了解，但是系统又经常有这种很奇怪的需求，这次是离线状态下为Vue项目集成Cesium框架，因为不能使用npm run install这样的指令，网上试了很多方法，加上自己的摸索，下面是我实现的过程。 1,将node_modules的cesium文件夹，和babel-plugin-dynamic-import-node 复制进我们的项目，然后修改package.json "dependencies": { "babel-plugin-dynamic-impor...
Cesium离线使用
u011054968的博客
01-08 538
Cesium离线使用
Cesium离线GIS部署使用（无外网环境）
zzzq的博客
07-17 4686
By default, Cesium uses several external data sources which require internet access at runtime, though none of these dependencies are required. This guide lists these external sources and how to confi...
学习路之Cesium--离线环境下使用 cesium
Green
06-08 4837
本质上，token 并不是用来限制我们使用 cesium 这个框架的，因为 cesium 代码是开源的，开源的代码，并没有必要在技术上作这个限制。这固然是一个可行的方式，但是，由于网络环境的原因，我们很难随时随地畅快的访问 cesium 的官网，更别说，每次都要下载一个几十兆的文件了。所以，到这里，我们大概就会明白了，为什么我们明明在官网下载的 cesium 包，过一段时间，示例就没法运行了。追根溯源，你会发现，这个请求，是在创建 baseLayerPicker 对象的时候，发生的。
Cesium离线部署影像+地形：从0到1
CSDNqinzhike的博客
06-11 7714
cesium离线部署影像+地形
cesium 3dtiles 加载本地数据_Cesium之简介以及离线部署运行篇
weixin_39822728的博客
11-28 1085
前言cesium 官网的api文档介绍地址cesium官网api，里面详细的介绍 cesium 各个类的介绍，还有就是在线例子：cesium 官网在线例子，这个也是学习 cesium 的好素材。Cesium简介cesium 是国外一个基于 JavaScript 编写的使用 WebGL 的地图引擎，一款开源 3DGIS 的 js 库。cesium 支持 3D,2D,2.5D 形式的地图展示，可以自行...
CesiumAPI文档离线版
04-16
CesiumAPI文档离线版，官网老是进不去，有这个就不怕了
vueJS离线安装包
03-21
vueJS离线安装包
Cesium离线API文档
08-24
Cesium离线API文档，超图编写提供，直接打开就了解方法的使用
Cesium生成离线terrain地形数据所需所有程序及详细说明
10-11
根据DEM地形tif文件，生成Cesium可用的离线terrain地形，本附件包括所有使用到的程序及详细步骤说明，木遥原创整理，验证可用，并写了所有详细注意点说明。
vue3+ts+vite+cesium 加载天地图影像、标注等多服务器随机加载切换版本
04-02
这段基于 Vue.js 的 Cesium 地图应用示例展示了如何使用 Cesium.js 创建一个具有自定义配置的 3D 地球视图。Cesium.js 是一个开源 WebGL 虚拟地球引擎，可以构建交互式的 3D 地图应用。示例中的底图和注记图层来自...
个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板
04-01
这个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板，旨在帮助开发者快速搭建基于Cesium.js的Vue3应用程序。该模板使用了最新的Vite构建工具和Vue3框架，并集成了TypeScript和Cesium.js技术栈。 ...
Vue3+vite+cesium项目创建
weixin_51983847的博客
08-20 436
cesium官网:https://cesium.com/可选择安装vite-plugin-cesium插件。2.进入创建的文件，使用开发工具打开，在终端输入。7. cesium官网申请自己的token。4.配置vite.config.js文件。如果需要指定版本，如下1.99版。9.在浏览器中打开地址查看地球。1.创建vue+vite项目。5.在App.vue中引入。3.安装cesium。
vue3 Cesium 离线地图
super--man的博客
06-26 1186
1、vite-plugin-cesium 是一个专门为 Vite 构建工具定制的插件，用于在 Vite 项目中轻松使用 Cesium 库。它简化了在 Vite 项目中集成 Cesium 的过程。url: "http://192.168.56.11:8099/cesium/{z}/{x}/{y}.jpg" 对应的就是本地的地图。6、nginx配置，cat nginx/cesium.conf。颜色变绿了，查看网络请求，已经加载nginx的代理的图层了。7、离线地图文件：文件太大了，想要的留言吧。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值