VUE3 +vite 离线部署 cesium示例

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

vue3 + vite 离线部署cesium

首先创建一个vite+vue3项目

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

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

基础的项目就搭建好了

引入cesium文件

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

下载我的cesium文件之后，解压文件，复制其中Build下Cesium文件夹到public

最低0.47元/天 解锁文章

200万优质内容无限畅学
gis小羊羽
关注
离线环境下使用 cesium
纯爱枫若情的博客
04-13 8262
前言 不知道你在使用 cesium 的时候，有没有离线使用的需求。 也许你会说没有，但是如果你碰到如下情景，你该怎么处理呢？ 官方示例没法查看 对于使用 cesium 的人来说，应该都会有一种困惑，明明是从官方网站上下载下来的包，但是没过多久，官方自带的示例都没使用了。 打开以后，会发现三维部分变成黑黑的一片了，三维球并没有被创建出来。 打开控制台，会发现如下这条请求报错了。 从返回的参数，不难看出，之所以出现这个问题，是因为 token 未验证通过。 为什么会出现这种情况呢？ 别着急，后面我会奉上自己
Vue3+vite+cesium项目创建
weixin_51983847的博客
08-20 441
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。
gis开发三维地球（Cesium+Vue3+JS+本地离线部署）
刘一帆的博客
01-09 843
（将影响瓦片类比拼图，首先是有很多层的拼图，然后根据x、y去定位拼图所在位置）：里面含有0，1，2（分别代表每一层z）0，1，2文件夹底下再分为0，1，2（代表这层的x）再下一层为对应的0.png（代表这层的y）通过z、x、y去读取每一块图片。
CesiumJS离线应用开发完全指南
最新发布
gitblog_01025的博客
06-03 341
CesiumJS离线应用开发完全指南 前言 CesiumJS作为一款强大的WebGL地理可视化引擎，默认情况下会使用多个在线数据源。但在某些特殊场景下（如内网环境、保密项目或网络不稳定地区），开发者需要构建完全离线的Cesium应用。本文将全面解析CesiumJS离线化配置方案。 核心离线化配置 1. 影像数据离线方案 默认行为分析： CesiumJS默认使用Bing Maps提供的全球影像服务，...
Cesium离线使用
u011054968的博客
01-08 573
Cesium离线使用
Cesium离线GIS部署使用（无外网环境）
zzzq的博客
07-17 4710
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 4908
本质上，token 并不是用来限制我们使用 cesium 这个框架的，因为 cesium 代码是开源的，开源的代码，并没有必要在技术上作这个限制。这固然是一个可行的方式，但是，由于网络环境的原因，我们很难随时随地畅快的访问 cesium 的官网，更别说，每次都要下载一个几十兆的文件了。所以，到这里，我们大概就会明白了，为什么我们明明在官网下载的 cesium 包，过一段时间，示例就没法运行了。追根溯源，你会发现，这个请求，是在创建 baseLayerPicker 对象的时候，发生的。
Cesium离线部署影像+地形：从0到1
优快云qinzhike的博客
06-11 8112
cesium离线部署影像+地形
cesium 3dtiles 加载本地数据_Cesium之简介以及离线部署运行篇
weixin_39822728的博客
11-28 1093
前言cesium 官网的api文档介绍地址cesium官网api，里面详细的介绍 cesium 各个类的介绍，还有就是在线例子：cesium 官网在线例子，这个也是学习 cesium 的好素材。Cesium简介cesium 是国外一个基于 JavaScript 编写的使用 WebGL 的地图引擎，一款开源 3DGIS 的 js 库。cesium 支持 3D,2D,2.5D 形式的地图展示，可以自行...
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技术栈。 ...
CesiumAPI文档离线版
04-16
CesiumAPI文档离线版，官网老是进不去，有这个就不怕了
vueJS离线安装包
03-21
vueJS离线安装包
Cesium离线API文档
08-24
Cesium离线API文档，超图编写提供，直接打开就了解方法的使用
Cesium生成离线terrain地形数据所需所有程序及详细说明
10-11
根据DEM地形tif文件，生成Cesium可用的离线terrain地形，本附件包括所有使用到的程序及详细步骤说明，木遥原创整理，验证可用，并写了所有详细注意点说明。
vue3 Cesium 离线地图
super--man的博客
06-26 1223
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、离线地图文件：文件太大了，想要的留言吧。
【UE4 Cesium】加载离线地图
ChaoChao66666的博客
03-02 3160
【UE4 Cesium】加载离线地图
Cesium 如何成功离线使用
热门推荐
long的博客
11-20 1万+
最近在研究cesium这个开源三维地球和地图的javascript库。下载好cesium的相关文件(cesium.js,widgets.css等)，下载后的目录结构如下图: 下面介绍如何让cesium在断开网络的情况下可以成功启动出现三维球体。cesium的源码中有几处地方是在默认情况下会向cesium ion服务发起请求获取数据。如果在没有网络的情况下，则会报如下图异常，导致地图无法成功显示。 这里我们就发现cesium在请求一个服务连接失败了。跟着关键字"v1/assets/"在源码中查看，
学习 Cesium (五)：加载离线高程数据
LeoOthello的专栏
03-19 8251
目录学习 Cesium (五)：加载离线高程数据前言获取高程数据高程数据处理安装 Python 2.7注册 Python 2.7安装 PIL安装 GDAL安装 numpy安装 GDAL py2.7版生成 .terrain 数据集成到Cesium 学习 Cesium (五)：加载离线高程数据 前言 通过前面的学习，Cesium 最基本的应用已经可以了。但是，在实际项目中我们还需要加入高程数据，才能显示真实的地形。下面我就一步一步介绍如何加载真实的高程数据。 获取高程数据 高程数据从哪里来呢？现在市面上有些卫星
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值