第13节：cesium 修改默认地球（含源码+视频）

已于 2023-06-09 11:46:46 修改
阅读量758 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： cesium vue 文章标签： cesium修改默认地图 cesium自定义地图
于 2023-06-05 09:24:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29384639/article/details/131041448
本教程介绍如何修改Cesium的默认地球背景图，只需更改/static/Cesium/Assets/Textures目录下的图片，即可实现自定义地图效果。提供B站上的详细视频教程和源码下载链接。

结果示例：

在这里插入图片描述

修改默认地图存放位置下的图片即可

在这里插入图片描述

默认地图存放位置：/static/Cesium/Assets/Textures

里面都是图片，直接修改即可更改默认地图背景图

视频及源码

视频地址：B站视频
源码地址：
链接：https://pan.quark.cn/s/04c56e98da6c
提取码：Kz8R

003：vue+cesium 设置skybox透明并添加背景图
大剑师兰特的GIS世界
02-25 2564
第003个本示例的目的是介绍如何在vue+leaflet中设置skybox透明并添加背景图。我们不想要黑乎乎的背景，想自定义一个背景图，然后前面显示地球。
第52节：cesium 3DTiles模型特效+选中高亮（含源码+视频）
qq_29384639的博客
09-17 2496
cesium 3DTiles模型特效+选中高亮，自定义着色器，泛光
Cesium相机初始化位置调整
2301_79959413的博客
09-28 3532
Cesium的相机默认初始化在大洋彼岸上空，可以通过修改默认的视口矩形来改变相机的初始位置。
cesium 修改默认地球
qq_29384639的博客
01-13 2136
默认地球存储路径：Cesium\Assets\Textures\NaturalEarthII 下面有对应的图片，修改图片即可
cesium源码修改-入门（npm run build显示development）
weixin_43336525的博客
06-10 825
cesium源码修改
Cesium 修改默认地球贴图的两种方式
海亲王府
12-17 4951
Cesium 建立Cesium.Viewer的时候，默认的贴图（imageryProviderViewModels）为'BingMapsAerial'，但是因为“HTTP401: 已拒绝 - 请求的资源需要用户身份验证” 所以加载不了。 这个时候我们如果需要直接调用其他贴图，比如“NaturalEarth”。 一、可以通过修改Cesium文件夹...
Cesium相机进入地下问题，修改ScreenSpaceCameraController源码
08-23
想赚波分，所以拿出来分享了，真实有效，不坑人。替换scene下的ScreenSpaceCameraController代码，用cesium.js自己打开文件，找到这部分替换，另外上传不能修改，其中pickGlobe函数用下面替换 function pickGlobe(controller, mousePosition, result) { var scene = controller._scene; var globe = controller._globe; var camera = scene.camera; if (!defined(globe)) { return undefined; } var depthIntersection; if (scene.pickPositionSupported) { depthIntersection = scene.pickPositionWorldCoordinates(mousePosition, scratchDepthIntersection); } var ray = camera.getPickRay(mousePosition, pickGlobeScratchRay); var rayIntersection = globe.pick(ray, scene, scratchRayIntersection); var pickDistance = defined(depthIntersection) ? Cartesian3.distance(depthIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; var rayDistance = defined(rayIntersection) ? Cartesian3.distance(rayIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; if (pickDistance < rayDistance) { return Cartesian3.clone(depthIntersection, result); } return Cartesian3.clone(rayIntersection, result); }
032：cesium修改默认地图源，动态指定地图
大剑师兰特的GIS世界
03-24 1442
第032个本示例的目的是介绍如何在vue+cesium中修改默认地图源，可以动态的指定地图。Cesium加载地图时默认时bing地图，但是由于地域限制，在国内显示不出来，为空白黑乎乎的，只有选择了地图才能将圆球体现出来。另外编号13，显示的是WGS84 Ellipsoid的地形图。
cesium vue教程目录导航
qq_29384639的博客
06-04 3985
以下是本专栏目录导航，送完整项目源码（拒绝单页源码），可以直接运行，全部配置免费视频教程（B站）。
web三维gis引擎cesium的学习笔记（包含视频融合和动态纹理）
hijunmeng的专栏
03-03 2821
文章目录cesium参考 cesium 参考 (23条消息)Cesium离线GIS部署使用（无外网环境）_Java_zzzq的博客-CSDN博客 https://blog.csdn.net/zq_1996/article/details/96320219?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&...
Cesium实现效果：1、切换底图资源；2、折叠菜单项；3、修改默认视点为北京天安门；4、开启关闭三维在线地形；5、加载离线本地
06-15
Cesium实现效果 1、切换底图资源 2、折叠菜单项 3、修改默认视点为北京天安门 4、开启关闭三维在线地形 5、加载离线本地城市建筑素模(北京、上海或省会城市) 6、修改homeButton的默认返回位置 备注：离线素模数据可以私信获取，数量太大，无法发送
Cesium单体化源码
11-27
Cesium单体化源码，用于学习
cesium 修改默认地图选择器内容
qq_36266612的博客
11-03 4104
cesium默认的底图选择器中有很多底图实际用不到，但是这个选择器很好用，所以想着修改选择器中的内容，将其中的地图改为用的比较多的地图。 当初始化viewer的时候，将baseLayerPicker设置为true； 同时将imageryProviderViewModels属性设置为自定义的地图集合； 示例： var imageryViewModels = []; var tiandituyx=new Cesium.ProviderViewModel({ nam
Cesium 快速入门（二）底图更换
yy的博客
07-31 632
本文介绍了Cesium中更换底图的方法，重点推荐国内使用天地图WMTS服务。主要内容包括：1) 关闭默认Bing Maps地图；2) 天地图WMTS服务的配置方法，涉及URL构造、子域名设置等关键参数；3) 高德地图XYZ瓦片的加载方式；4) 单张图片作为底图的实现。文章对比了WMTS、XYZ和单张图片三种底图类型的优缺点，并提供了每种类型的代码实现示例，帮助开发者根据实际需求选择合适的底图方案。
Cesium-源码修改-gltf增加纹理贴图改变3dtiles外观
weixin_44212242的博客
04-12 4143
解析在gltf层加一张纹理的原理及方案，对于给gltf加纹理或者基于gltf的3dtiles加纹理都有不错的效果。
Cesium 源码编译&调试
u010206379的博客
05-10 1464
最新版本的cesium源码在编译时默认使用下的，从而导致。
Cesium-源码修改-gltf加载后Json数据丢失
weixin_44212242的博客
04-12 537
Cesium加载gltf会释放gltfJson内容，本文介绍两个获取到这部分数据的思路。
用cesium搭建一个地球
那一刻的博客
03-23 319
开发环境 百度搜索 MarsGIS 下载这个包 官方包目录介绍 在APP.js里写上这些代码,一个简单的地球就出来啦
Cesium修改天空盒子，含实测源码，支持晴天和夕阳
liyan_gis的专栏
10-24 1122
Cesium自带的近景天空，是灰突突的，有一次，领导看到我们的演示系统，就说，怎么总是雾霾天的样子，所以，研究一下看能不能修改。需要自定义扩展一个天空盒子类，给他挂到window对象里面，这里可以按照自己的方式进行更改。创建自定义的天空盒子。其次，需要更改天空盒子，根据相机的位置切换，这样就达到了目的。// 渲染前监听并判断相机位置} else {}})这里需要注意，如果使用Cesium自带的SkyBox是不行的，因为，显示的图片是斜向的。一定要使用自定义的天空盒子。
技术栈：Cesium + 3D Tiles + WebGL如何应用
最新发布
10-18
Cesium 是一个功能强大的 WebGL 库，常用于 3D 地球可视化和空间数据展示，3D Tiles 是一种用于流式传输和渲染大规模 3D 地理空间数据集的开放标准，WebGL 则是一种基于 OpenGL ES 的 3D 绘图标准，可在网页上实现高...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cesium vue

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值