当前位置: 首页 新闻详细

uniapp app端 + cesium + mars3d 开发指北 (四)——如何用Tomcat布署Cesium开源三维地球

专业编程培训机构——完成蜕变以后轻松拿高薪

电话+V:159999-78052 ,欢迎咨询如何看cesium源代码,[python实用课程],[C++单片机原理],[C#网站搭建],[Nodejs小程序开发],[ios游戏开发],[安卓游戏开发],[教会用大脑用想法赚钱实现阶层跨越]

一、uniappapp端+cesium+mars3d开发指北(四)

在uniapp中利用Cesium和Mars3D开发时,有人提到通过npm包引入Cesium是最便捷的方法。动态引入的优点在于提升编译速度,这也是uni官方推荐的方式。然而,直接从`node_modules`导入时,可能会遇到控制台报错的情况,尽管理论上可以运行,但实际操作中需要解决这个问题。

首先,通过`npminstallcesium--save`安装Cesium包,然后按照npm上的示例进行项目引入。在尝试运行项目时,会遇到报错。查看源码发现,报错可能与缺少`CESIUM_BASE_URL`这个全局变量有关。由于uniapp自动获取路径语法出错,我们需要手动设置这个变量,指向Cesium的静态资源文件夹。

源码中提供了`setBaseUrl`这个API,用于设置静态资源路径。根据Cesium的逻辑,我们需要设定一个指向导入Cesium源码文件夹的路径。这样,即使uniapp自动获取路径功能出问题,我们也能确保Cesium正确加载所需的资源。

实测发现,有两种导入方式都能成功:一种是直接import引入并设置Cesium跨域和replaceAll的polyfill。这样,Cesium在uniapp的app端能正常渲染和运行。

二、cesium之加载地形图Terrain篇(附源码下载)

在探索Cesium的强大功能时,官方网站cesium.io提供了详尽的API文档和在线示例,是学习这个三维地图库的宝贵资源。

本文将着重介绍如何使用Cesium实现地形图Terrain的效果,并提供相关源代码示例。首先,地形图的加载涉及到配置选项,如RequestWaterMask和requestVertexNormals,这两个参数用于指示Cesium是否需要额外获取水体和光照效果,它们的默认值为false,可以根据需求进行调整。

以下是一个直观的展示,演示了地形图加载后如何呈现出丰富的细节和效果:

(插入地形图加载效果展示图片)

如何用Tomcat布署Cesium开源三维地球

2017-08-2413:46·水经注GIS
如何看cesium源代码

Cesium是一个基于JavaScript的开源框架,可用于在浏览器中绘制显示三维地球,并在其上绘制地图(支持多种格式的瓦片服务),该框架不需要任何插件支持,但是浏览器必须支持WebGL。

由于本文档说明的是如何用Tomcat布署Cesium开源三维地球,因此请确保Tomcat已安装。

Tomcat的安装方法,请参阅:

如何安装Tomcat服务器软件。

Cesium开源三维地球源码可以从官网下载,在浏览器中输入以下网址并点击“Download”可打开下载页面。

点击下载按钮可以下载Cesium开源三维地球源码。

将源码解压之后,复制到Tomcat安装目录下的webapps目录。

双击bin目录下的“Tomcat9w.exe”,可打开Tomcat属性设置对话框。

点击属性对话框中的“start”启动Web服务。

服务启动完成之后,点击“确定”,可关闭属性对话框。

在浏览器中输入Tomcat默认访问网址:http://localhost:8080,回车后如果能显示Tomcat页面,说明服务开启成功。

根据Cesium源码所在的目录位置,可以得到Cesium三维开源地球的本地网址为:
http://localhost:8080/Cesium-1.36

在浏览器中输入该网址打开后,可以看到Cesium的主页,在该文档中有相关文档说明和示例,点击“HelloWord”可以打开三维地球示例。

Cesium三维开源地球示例打开成功后,效果如下图所示。

相关文档,请参阅:

如何安装Tomcat服务器软件

【WINDRISES EMPLOYMENT PROGRAMMING】尊享对接老板

电话+V:159999-78052

机构由一批拥有10年以上开发管理经验,且来自互联网或研究机构的IT精英组成,负责研究、开发教学模式和课程内容。公司具有完善的课程研发体系,一直走在整个行业发展的前端,在行业内竖立起了良好的品质口碑。

如何看cesium源代码
发布人:shenanzhao93 发布时间:2024-08-26