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

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

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

结果示例：

在这里插入图片描述

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

在这里插入图片描述

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

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

视频及源码

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

003：vue+cesium 设置skybox透明并添加背景图
大剑师兰特的GIS世界
02-25 2211
第003个本示例的目的是介绍如何在vue+leaflet中设置skybox透明并添加背景图。我们不想要黑乎乎的背景，想自定义一个背景图，然后前面显示地球。
032：cesium修改默认地图源，动态指定地图
大剑师兰特的GIS世界
03-24 1319
第032个本示例的目的是介绍如何在vue+cesium中修改默认地图源，可以动态的指定地图。Cesium加载地图时默认时bing地图，但是由于地域限制，在国内显示不出来，为空白黑乎乎的，只有选择了地图才能将圆球体现出来。另外编号13，显示的是WGS84 Ellipsoid的地形图。
cesium 修改默认地球
qq_29384639的博客
01-13 2076
默认地球存储路径：Cesium\Assets\Textures\NaturalEarthII 下面有对应的图片，修改图片即可
cesium添加模型gltf模型。并修改底图默认视角
最新发布
boboan91的博客
03-07 894
/ url: "http://data.mars3d.cn/terrain/layer.json", // 本地服务器的 URL。heightReference: Cesium.HeightReference.NONE, // 高度参考。shadows: Cesium.ShadowMode.ENABLED, // 启用阴影。uri: "/model/new.gltf", // glTF 文件路径。// 高度（单位：米）// 俯仰角（单位：度）scale: 1, // 缩放比例。
cesium源码修改-入门（npm run build显示development）
weixin_43336525的博客
06-10 748
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); }
Cesium 修改默认地球贴图的两种方式
海亲王府
12-17 4755
Cesium 建立Cesium.Viewer的时候，默认的贴图（imageryProviderViewModels）为'BingMapsAerial'，但是因为“HTTP401: 已拒绝 - 请求的资源需要用户身份验证” 所以加载不了。 这个时候我们如果需要直接调用其他贴图，比如“NaturalEarth”。 一、可以通过修改Cesium文件夹...
cesium vue教程目录导航
qq_29384639的博客
06-04 3730
以下是本专栏目录导航，送完整项目源码（拒绝单页源码），可以直接运行，全部配置免费视频教程（B站）。
web三维gis引擎cesium的学习笔记（包含视频融合和动态纹理）
hijunmeng的专栏
03-03 2683
文章目录cesium参考 cesium 参考 (23条消息)Cesium离线GIS部署使用（无外网环境）_Java_zzzq的博客-优快云博客 https://blog.youkuaiyun.com/zq_1996/article/details/96320219?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&...
在cesium里加载three.js模型
m0_57211146的博客
07-26 2048
/ heightReference: Cesium.HeightReference.NONE, // 表示相对于地形的位置。// heightReference: Cesium.HeightReference.NONE, // 表示相对于地形的位置。heightReference: Cesium.HeightReference.CLAMP_TO_GROUND // 相对位置。heightReference: Cesium.HeightReference.CLAMP_TO_GROUND // 相对位置。
cesium 修改默认地图选择器内容
qq_36266612的博客
11-03 3983
cesium默认的底图选择器中有很多底图实际用不到，但是这个选择器很好用，所以想着修改选择器中的内容，将其中的地图改为用的比较多的地图。 当初始化viewer的时候，将baseLayerPicker设置为true； 同时将imageryProviderViewModels属性设置为自定义的地图集合； 示例： var imageryViewModels = []; var tiandituyx=new Cesium.ProviderViewModel({ nam
Cesium实现效果：1、切换底图资源；2、折叠菜单项；3、修改默认视点为北京天安门；4、开启关闭三维在线地形；5、加载离线本地
06-15
Cesium实现效果 1、切换底图资源 2、折叠菜单项 3、修改默认视点为北京天安门 4、开启关闭三维在线地形 5、加载离线本地城市建筑素模(北京、上海或省会城市) 6、修改homeButton的默认返回位置 备注：离线素模数据可以私信获取，数量太大，无法发送
Cesium单体化源码
11-27
Cesium单体化源码，用于学习
Cesium-源码修改-gltf增加纹理贴图改变3dtiles外观
weixin_44212242的博客
04-12 3974
解析在gltf层加一张纹理的原理及方案，对于给gltf加纹理或者基于gltf的3dtiles加纹理都有不错的效果。
Cesium 源码编译&调试
u010206379的博客
05-10 1365
最新版本的cesium源码在编译时默认使用下的，从而导致。
Cesium-源码修改-gltf加载后Json数据丢失
weixin_44212242的博客
04-12 458
Cesium加载gltf会释放gltfJson内容，本文介绍两个获取到这部分数据的思路。
用cesium搭建一个地球
那一刻的博客
03-23 306
开发环境 百度搜索 MarsGIS 下载这个包 官方包目录介绍 在APP.js里写上这些代码,一个简单的地球就出来啦
Cesium修改天空盒子，含实测源码，支持晴天和夕阳
liyan_gis的专栏
10-24 1052
Cesium自带的近景天空，是灰突突的，有一次，领导看到我们的演示系统，就说，怎么总是雾霾天的样子，所以，研究一下看能不能修改。需要自定义扩展一个天空盒子类，给他挂到window对象里面，这里可以按照自己的方式进行更改。创建自定义的天空盒子。其次，需要更改天空盒子，根据相机的位置切换，这样就达到了目的。// 渲染前监听并判断相机位置} else {}})这里需要注意，如果使用Cesium自带的SkyBox是不行的，因为，显示的图片是斜向的。一定要使用自定义的天空盒子。
Cesium：地球初始设置
KaiSarH
11-23 3803
地球初始设置
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

cesium vue

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

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

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

打赏作者

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

抵扣说明：

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

余额充值