cesium本地部署、在线部署

本文介绍了如何解决Cesium官网访问慢的问题,提供本地部署方法,包括通过npm安装、Apache配置及详细步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

cesium官网有时访问速度特别慢,非常影响体验 ,所以这里本地部署cesium

在线部署cesium

 官网下载cesium:https://cesium.com/downloads/ 

 

注意要上传全,不要只上传Cesium.js和widgets.css

访问: 

    <link href="http://file.ljgis.com/cesium@v1.105.1/Widgets/widgets.css" rel="stylesheet">
    <script src="http://file.ljgis.com/cesium@v1.105.1/Cesium.js"></script>

本地部署 cesium 

官网下载cesium:https://cesium.com/downloads/

打开cesium文件夹,执行命令:cnpm i 安装依赖

启动:npm start

访问:http://localhost:8080/

Apache部署cesium

启动Apache。参考:https://blog.csdn.net/qq_40323256/article/details/123038064

将下载的cesium文件夹直接放到Apache的htdocs文件夹中即可。

 访问:http://localhost:8088/Cesium-1.91/

### Cesium本地部署三维地球教程 #### 准备工作 在开始之前,需确保已安装Node.js环境以及npm包管理工具。这一步是为了后续能够顺利执行`npm install cesium`命令来完成Cesium库的下载与配置[^1]。 #### 安装Cesium 可以通过npm方式安装Cesium到项目中,运行以下命令即可实现依赖项的自动加载: ```bash npm i cesium ``` 此操作会将Cesium及其所需资源文件添加至项目的node_modules目录下。 #### 配置Vue3 + Vite项目结构 如果目标是在现代前端框架如Vue3配合Vite构建器上集成Cesium,则需要额外设置一些参数以优化打包效果并解决潜在问题。例如调整vite.config.js中的alias别名映射路径以便于访问assets内的静态素材等[^3]。 #### HTML页面基本布局 为了展示一个简单的三维球体模型,在HTML文档头部区域加入必要的脚本和样式表链接是非常重要的。具体做法如下所示: ```html <head> <!-- 引入Cesium核心JavaScript库 --> <script src="path_to_your_project/node_modules/cesium/Build/Cesium.js"></script> <!-- 添加默认控件所需的CSS定义 --> <link href="path_to_your_project/node_modules/cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> </head> ``` 注意替换上面代码片段里的`path_to_your_project`为你实际存放源码的位置信息[^4]。 #### 初始化Viewer对象呈现地图视图 最后一步就是在body标签内部编写一段初始化逻辑用于实例化viewer组件从而渲染出完整的地球表面图像出来。下面给出了一段标准示范程序供参考: ```javascript // 获取容器DOM节点 var viewerDiv = document.getElementById('cesiumContainer'); // 构造一个新的Viewer实例绑定到指定ID的选择器之上 var viewer = new Cesium.Viewer(viewerDiv, { terrainProvider : Cesium.createWorldTerrain() }); ``` 以上就是关于如何在本地环境中搭建起支持显示全球地形地貌特征的一个初步版本的方法概述。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值