如何使用Cesium加载WeServer发布的地图服务
bigegpt 2025-01-09 10:40 5 浏览
前段时间有客户向我们提出了更新一下Cesium加载WeServer发布的地图服务的教程,这里为大家更新一下,更新后的Cesium版本号为1.120。
准备工作
在开始之前,需要先准备离线数据发布软件、离线卫星影像与高程示例数据、Cesium开源三维地球源码和本机IP地址等。
地图发布软件:需要在内网发布Cesium三维地球,请确保地图发布服务中间件版本为5.0.1以上。
如果低于该版本,请通过关注微信公众号“水经注GIS”并回复“中间件”免费获取最新版本安装包,也可以直接在官网下载。
离线示例数据:提供的示例数据包括卫星影像、地名标签和30米高程Dem数据,由于这里主要是为了进行功能性演示,因此影像数据和高程数据均仅提供了前10级数据,如下图所示。
在安装软件之前,请从以下百度网盘地址下载示例数据,如果链接失效请联系我们获取。
链接:https://pan.baidu.com/s/18nntgo-kjQVujGwnZgZwrw
提取码:yb2b
本机IP地址:由于会用到本机IP作为设置参数,可以通过在DOS窗口中运行“IPConfig”命令或其它方式获取本机IP地址以备用,如下图所示。
到此就完成了部署前的准备工作,接下来正式开始部署Cesium源码网站。
部署Cesium源码网站
Cesium开源三维地球源码解压之后,如下图所示。
在Windows控制面板中打开“管理工具”,如下图所示。
打开IIS网站管理器,如下图所示。
在“网站”树节点单击鼠标右键,然后选择“添加网站”菜单,如下图所示。
网站名称可以任意取,这里我们取名为“CES”,物理路径为Cesium源码所在路径。
由于我们在安装配置WeServer时占用了80端口,这里我们将端口号设置为“8089”,如下图所示。
配置完成之后点击“确定”按钮之后完成网站配置,如下图所示。
点击“浏览*.8089(http)”可以浏览配置好的网站,如下图所示。
在Cesium主页中点击“Hello World”链接,可以显示在线地球,如下图所示。
至此,一个部署到本地的Cesium系统就完成了,但卫星影像数据和高程数据依然来自于互联网,接下来我们会讲解如何将本地离线的谷歌卫星影像与高程DEM数据加载到Cesium中。
在Cesium配置离线卫星影像与高程数据
将“HelloWorld.html”文件复制为“HelloWorld2.html”文件,如下图所示。
打开“HelloWorld2.html”文件,删除原有的地球加载代码,新增加载 WeServer 发布的高程、影像与标签数据代码,如下图所示。
但需要特别注意的是需要将IP地址改为本机IP地址,如下图所示。
打开网址“http://localhost:8089/Apps/HelloWorld2.html”,可以显示加载本地影像与高程数据的三维地球,如下图所示。
将三维地球放大之后,就可以离线查看三维地形了,如下图所示。
至此,通过水经注地图服务5.0在内网发布离线卫星影像与高程DEM,并在Cesium中离线加载显示的目的就达到了。
这样一来,当前这台电脑就是一台标准的离线地图服务器,内网中任何一台电脑都可以通过打开网址离线查看三维地球,但需要注意的是需要将网址中的“Localhost”替换为本机IP,即本机网址:
http://localhost:8089/Apps/HelloWorld2.html
应当替换为:
http://192.168.0.5:8089/Apps/HelloWorld2.html
在公司局域网内,通过同事的电脑可以打开Cesium三维地球,如下图所示。
接下来,我们再来看一看Cesium离线加载水经注全国离线地图的显示效果。
离线加载水经注全国离线地图
本文中为大家提供的示例数据为全球前10级离线卫星影像与高程DEM数据,因此显示效果会有一些差强人意。
但当把23.8TB的全国离线地图在内网离线发布,并加载到Cesium中之后,效果就非常惊艳了!
由于该数据为全国1-20级高清卫星影像,因此相当于是一个可以在内网离线运行的谷歌地球,如下图所示。
至此就完成了整个Cesium加载WeServer发布的地图服务,只需要修改服务地址为你的WeServer发布的服务地址即可。
写在最后
本文为你分享了如何使用Cesium加载WeServer发布的地图服务的方法,主要需要注意Cesium也需要发布后才能使用和替换成自己的服务地址。
你可以立即点击“分享”按钮,将本文免费分享给你的朋友!
相关推荐
- 5分钟搭建公网https网页文件服务器,免费权威TLS证书
-
请关注本头条号,每天坚持更新原创干货技术文章。如需学习视频,请在微信搜索公众号“智传网优”直接开始自助视频学习前言本文主要讲解如何快速搭建一个https网页文件服务器,并免费申请权威机构颁发的tls证...
- nginx负载均衡配置(nginx负载均衡配置两个程序副本)
-
Nginx是什么没有听过Nginx?那么一定听过它的“同行”Apache吧!Nginx同Apache一样都是一种WEB服务器。基于REST架构风格,以统一资源描述符(UniformResources...
- 19《Nginx 入门教程》Nginx综合实践
-
今天我们将基于Nginx完成两个比较有用的场景,但是用到的Nginx的配置非常简单。内部Yum源搭建内部Pip源搭建1.实验环境ceph1centos7.6内网ip:172.16....
- Nginx性能调优与优化指南(nginx优化配置大全)
-
Nginx性能调优需要结合服务器硬件资源、业务场景和负载特征进行针对性优化。以下是一些关键优化方向和具体配置示例:一、Nginx配置优化1.进程与连接数优化nginxworker_process...
- C++后端开发必须彻底搞懂Nginx,从原理到实战(高级篇)
-
本文为Nginx实操高级篇。通过配置Nginx配置文件,实现正向代理、反向代理、负载均衡、Nginx缓存、动静分离和高可用Nginx6种功能,并对Nginx的原理作进一步的解析。当需...
- 【Nginx】史上最全的Nginx配置详解
-
Nginx服务器配置中最频繁的部分,代理、缓存和日志定义等绝大多数功能和第三方模块的配置都在这里,http块又包括http全局块和server块。Nginx是非常重要的负载均衡中间件,被广泛应用于大型...
- 【Nginx】Nginx 4种常见配置实例(nginx基本配置与参数说明)
-
本文主要介绍nginx4种常见的配置实例。Nginx实现反向代理;Nginx实现负载均衡;Nginx实现动静分离;Nginx实现高可用集群;Nginx4种常见配置实例如下:一、Nginx反向代理配...
- 使用nginx+allure管理自动化测试报告
-
allure在自动化测试中经常用来生成漂亮的报告,但是网上及官网上给出的例子都仅仅是针对单个测试用例文件的形式介绍的,实际使用中,自动化测试往往需要包含不止一个产品或项目,本文介绍如何使用nginx+...
- nginx配置文件详解(nginx配置文件详解高清版)
-
Nginx是一个强大的免费开源的HTTP服务器和反向代理服务器。在Web开发项目中,nginx常用作为静态文件服务器处理静态文件,并负责将动态请求转发至应用服务器(如Django,Flask,et...
- SpringCloud Eureka-服务注册与发现
-
1.Eureka介绍1.1学习Eureka前的说明目前主流的服务注册&发现的组件是Nacos,但是Eureka作为老牌经典的服务注册&发现技术还是有必要学习一下,原因:(1)一些早期的分布式微服...
- 微服务 Spring Cloud 实战 Eureka+Gateway+Feign+Hystrix
-
前言我所在项目组刚接到一个微服务改造需求,技术选型为SpringCloud,具体需求是把部分项目使用SpringCloud技术进行重构。本篇文章中介绍了Eureka、Gateway、Fe...
- 深度剖析 Spring Cloud Eureka 底层实现原理
-
你作为一名互联网大厂后端技术开发人员,在构建分布式系统时,是不是常常为服务的注册与发现而头疼?你是否好奇,像SpringCloudEureka这样被广泛使用的组件,它的底层实现原理到底是怎样的...
- 热爱生活,喜欢折腾。(很热爱生活)
-
原文是stackoverflow的一则高票回答,原文链接可能之前也有人翻译过,但是刚好自己也有疑惑,所以搬运一下,个人水平有限所以可能翻译存在误差,欢迎指正(如侵删)。尽管classmethod和st...
- GDB调试的高级技巧(详细描述gdb调试程序的全过程)
-
GDB是我们平时调试c/c++程序的利器,查起复杂的bug问题,比打印大法要好得多,但是也不得不说,gdb在默认情况下用起来并不是很好用,最近学习到几个高级点的技巧,分享下:一美化打印先上个例子...
- Arduino 实例(二十三)Arduino 给Python 编译器发送信息
-
1首先Python需要安装Pyserial库,在命令提示符中输入pipintallpyserial若是遇到提示‘pip‘不是内部或外部命令,也不是可运行的程序或批处理文件,则需要设置环境变...
- 一周热门
- 最近发表
- 标签列表
-
- mybatiscollection (79)
- mqtt服务器 (88)
- keyerror (78)
- c#map (65)
- resize函数 (64)
- xftp6 (83)
- bt搜索 (75)
- c#var (76)
- mybatis大于等于 (64)
- xcode-select (66)
- mysql授权 (74)
- 下载测试 (70)
- skip-name-resolve (63)
- linuxlink (65)
- pythonwget (67)
- logstashinput (65)
- hadoop端口 (65)
- vue阻止冒泡 (67)
- oracle时间戳转换日期 (64)
- jquery跨域 (68)
- php写入文件 (73)
- kafkatools (66)
- mysql导出数据库 (66)
- jquery鼠标移入移出 (71)
- 取小数点后两位的函数 (73)