cesium修改地球默认颜色

最新推荐文章于 2025-03-03 14:09:58 发布

no_houttuynia

最新推荐文章于 2025-03-03 14:09:58 发布

阅读量1.8k

点赞数 1

分类专栏： cesium 文章标签： javascript

本文链接：https://blog.csdn.net/qq_43071951/article/details/132015742

版权

cesium 专栏收录该内容

1 篇文章

订阅专栏

背景

显示地下管线时，默认背景（蓝色）会和部分管线颜色重复，导致管线显示不明显。

代码

window.viewer.scene.globe.baseColor = Cesium.Color.RED;//设置地球颜色
//隐藏大气，不隐藏的话周围会有一圈光晕
window.viewer.scene.skyAtmosphere.show = false;

效果图

在这里插入图片描述

参考

cesium 显示纯色地球

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

no_houttuynia

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

cesium修改灰色背景（默认蓝色）（cesium篇.81）

地图之家

06-16

1181

地图之家总目录（订阅之前建议先查看该博客）文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。效果如下所示：下面献上完整代码，代码重要位置会做相应解释

使用Cesium修改背景颜色

TqbcAbap的博客

09-24

1038

要修改Cesium的背景颜色，我们可以使用Cesium的Viewer对象的scene属性来访问场景对象。场景对象包含了许多用于渲染和显示地球的属性和方法。在上面的示例代码中，通过创建一个新的Cesium.Color对象，并指定红色的RGB值（1.0, 0.0, 0.0），从而将背景颜色设置为红色。除了使用预定义的颜色（如上面的示例中使用的灰色），我们还可以使用其他可用的颜色选项。通过以上的修改背景颜色的方法，我们可以轻松地在Cesium应用程序中自定义背景颜色，以适应不同的需求和设计风格。

参与评论您还未登录，请先登录后发表或查看评论

Cesium修改地图颜色代码

梅子黄时雨

08-25

3083

Cesium修改地图颜色代码

C1——cesium调整影像不清晰的问题

GIS特战兵

07-09

5688

问题：项目拿过去甲方说cesium里加载的影像灰蒙蒙的不清晰！老规矩先上效果图：是不是很明显！！！！（敢说不是打屎你）废话不多说直接上大妈，代码： /** 初始配置 */ let _this = this; this.viewer = viewer; this.viewer.scene.highDynamicRange = true; this.viewer.scene.fxaa = false; this.viewer.scene.globe.maximumScreenSpaceErr

Cesium 设置地球背景和设置地球天空盒

最新发布

北京-giser的博客

03-03

208

Cesium 设置地球背景和设置地球天空盒

cesium示例集--2.cesium自定义地图背景，突出展示某区域地图

u012830884的博客

10-30

1615

此时我们要做的就是将cesium默认的背景和图层都去掉，加载我们自己所需某个区域地图服务，并设置背景图。在做项目时，遇到如下需求：某大屏展示项目，需要用到某个区域的地图展示，且要配上自定义的背景图片。设置好相应的参数后，这里我们再加载一个项目所需的地图服务。展示效果图如下（随手切的地图有点丑，请忽略哈哈哈哈哈）这里，我们在div容器上设置好一个背景图片。

cesium可不可以改变影像底图颜色，如何给地球底图影像添加一层滤镜蒙版？

weixin_44600810的博客

09-05

1720

你的三维数字地球是不是很丑？是不是没有科技感？是不是没有好看的影像？如何改变三维数字地球底图的颜色，如何改变球影像瓦片着色，如何给cesium球添加蒙版和滤镜

Cesium笔记地球蓝色背景改为黑色

qq_40216244的博客

04-11

1918

【代码】Cesium 地球蓝色背景改为黑色。

cesium去掉黑色背景，只保留地球

10-23

cesium去掉黑色背景，只保留地球，地球自动旋转，到达一定时间后，旋转定位到某个位置

cesium 改变地区颜色属性

weixin_64800503的博客

04-11

628

【代码】cesium 按不同地区实现颜色区别

使用Cesium库在地图上点击实体或基元来改变它们的颜色并恢复原色的编程学习

CqppDeveloper的博客

09-18

817

在本篇文章中，我们将学习如何使用Cesium库在地图上点击实体或基元时改变它们的颜色，并在需要时恢复原色。我们将红色立方体实体的颜色恢复为红色（Cesium.Color.RED），将蓝色立方体基元的颜色恢复为蓝色（Cesium.Color.BLUE）。通过上述代码，我们实现了在地图上点击红色立方体实体时将其颜色改变为绿色，点击蓝色立方体基元时将其颜色改变为黄色。现在我们来讨论如何实现恢复原色的功能。通过上述代码，我们成功实现了在地图上点击实体或基元来改变它们的颜色，并在需要时恢复到原色的功能。

81.（cesium篇）cesium修改灰色背景（默认蓝色）.zip

06-16

该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“81.（cesium篇）cesium修改灰色背景（默认蓝色）”。如下载有问题，可联系博主。解压密码：cesium

81.（cesium篇）cesium修改灰色背景（默认蓝色）

GIS之家家长

06-16

694

地图之家：cesium+leaflet+echart+地图数据+地图工具等相关内容的介绍文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。效果如下所示：下面献上完整代码，代码重要位置会做相应解释......

Cesium 自定义默认地球外观

TqbcAbap的博客

09-26

354

它提供了丰富的功能和灵活的配置选项，使开发者能够创建出各种不同风格的地球场景。在上述示例中，我们首先创建了一个 Cesium 的 Viewer 对象，并获取了默认的地球实例。你可以根据自己的需求编写自定义的片元着色器程序，以实现不同的地球外观效果。然而，开发者可以通过修改 Cesium 的渲染管道和替换默认贴图来自定义地球的外观。你可以根据需要修改着色器程序、使用不同的贴图或者采用其他的渲染技术，实现各种独特的地球场景。最后，我们将默认的贴图移除，并添加新的贴图作为地球的表面纹理。

Cesium实现3DTiles模型颜色修正调节

qq_34504481的博客

07-03

523

Cesium实现3DTiles模型颜色修正调节。

003：vue+cesium 设置skybox透明并添加背景图

大剑师兰特的GIS世界

02-25

2126

第003个本示例的目的是介绍如何在vue+leaflet中设置skybox透明并添加背景图。我们不想要黑乎乎的背景，想自定义一个背景图，然后前面显示地球。

Cesium初始化一个纯色空球

wzwxwc1987的专栏

12-16

1753

之前实现一个空球，经常是初始化Viewer之后，再主动删除默认的底图最近发现可以直接在new Viewer()的时候就可以实现一个不带任何底图的空球 var viewer = new Cesium.Viewer("cesiumContainer", { imageryProvider: false, //必须为false baseLayerPicker: false, //必须为false }); viewer.scene.globe.baseColor = Cesium.Color.G

DEJA_VU3D - Cesium功能集之 037-地图参数修改并配置特殊效果

总得学点什么的博客

05-23

1498

主要实现可以控制地球球体本身的显隐，地球光晕的显隐，开启和关闭光照，太阳或者月亮的显隐，天空盒的控制以及整体背景色的控制。同时可以修改地球参数包括亮度Brightness、对比度Contrast、色调Hue、饱和度Saturation和伽马校正值Gamma来配置特殊的色彩效果。包括完整源代码奉上

cesium 显示纯色地球

weixin_39752673的博客

04-23

2456

viewer.imageryLayers.get(0).show = false;//不显示底图 viewer.scene.globe.baseColor = Cesium.Color.WHITE;//设置地球颜色参考： https://blog.csdn.net/A873054267/article/details/102737078 https://segmentfault.com/q/1010000021599109/a-1020000021599991 ...

cesium暗色地球

12-26

### 设置 Cesium 地球的暗色模式为了在 Cesium 中实现暗色系的地图样式，可以通过自定义 `Cesium Viewer` 的背景颜色以及地形和影像图层的颜色来达到目的。以下是具体方法： #### 修改 HTML 和 JavaScript 代码以支持暗色主题通过调整 CSS 样式表中的背景颜色并修改初始化脚本部分可以轻松应用暗色调。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>暗色系地图样式</title> <style> body, html { margin: 0; padding: 0; background-color: #1a1a1a; /* 设置页面整体背景为深色 */ } #cesiumContainer { width: 100%; height: 100vh; } .cesium-widget canvas { background-color: #1a1a1a !important; /* 覆盖默认白色背景 */ } </style> </head> <body> <div id="cesiumContainer"></div> <script src="https://cesium.com/downloads/cesiumjs/releases/1.95/Build/Cesium/Cesium.js"></script> <link href="https://cesium.com/downloads/cesiumjs/releases/1.95/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> <script> // 初始化带有特定选项的 Cesium 查看器实例 var viewer = new Cesium.Viewer('cesiumContainer', { terrainProvider : Cesium.createWorldTerrain(), baseLayerPicker : false, sceneModePicker : true, navigationHelpButton : false, }); viewer.scene.backgroundColor = Cesium.Color.BLACK; // 添加黑色调底图服务作为基础图层 (可选) viewer.imageryLayers.addImageryProvider( new Cesium.UrlTemplateImageryProvider({ url : 'https://server.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer/tile/{z}/{y}/{x}' }) ); </script> </body> </html> ``` 上述代码片段展示了如何更改网页的整体外观至更暗的主题，并指定了一个适合夜间查看的地图瓦片源[^1]。