# Transparent Base Layer?

**URL:** <https://community.cesium.com/t/transparent-base-layer/870>\
**Category:** CesiumJS\
**Created:** [December 10, 2013, 3:25pm UTC](https://community.cesium.com/t/transparent-base-layer/870 "2013-12-10T15:25:08Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![skaughtx0r](https://avatars.discourse-cdn.com/v4/letter/s/a87d85/32.png) [@skaughtx0r](https://community.cesium.com/u/skaughtx0r)\
**Post date:** [December 10, 2013, 3:25pm UTC](https://community.cesium.com/t/transparent-base-layer/870/1 "2013-12-10T15:25:08Z")

</div>

I recently started using Cesium for a project at work. I need a map that has a completely transparent background. I figured out that I can can remove the base layer after I create the Cesium Viewer, but when I do that I just get a blue base layer instead of transparent. Is there a way to change the color, so that it is transparent?

---

<div class="post-metadata">

**Author:** ![Kevin\_Ring](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/kevin_ring/32/2003_2.png) [@Kevin\_Ring](https://community.cesium.com/u/Kevin_Ring)\
**Post date:** [December 11, 2013, 7:07pm UTC](https://community.cesium.com/t/transparent-base-layer/870/2 "2013-12-11T19:07:47Z")

</div>

I’m not completely clear what you’re trying to do. Are you trying to just show a map in a small area, and have the rest of the globe disappear?

Kevin

---

<div class="post-metadata">

**Author:** ![skaughtx0r](https://avatars.discourse-cdn.com/v4/letter/s/a87d85/32.png) [@skaughtx0r](https://community.cesium.com/u/skaughtx0r)\
**Post date:** [December 11, 2013, 10:39pm UTC](https://community.cesium.com/t/transparent-base-layer/870/3 "2013-12-11T22:39:09Z")

</div>

Our map will have primitives (polylines, billboards, etc.). I want all of those visible, but have a 2.5D globe that has no ImageryLayers. I want it to be transparent so this map can be overlayed on something else and you can see through it, but if I remove all the imagery layers after creating the Cesium Viewer I'm left with a blue globe, instead of a transparent globe.

Is there some way to make a globe with no imagery layers transparent?

Thanks,  
Scott

---

<div class="post-metadata">

**Author:** ![Kevin\_Ring](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/kevin_ring/32/2003_2.png) [@Kevin\_Ring](https://community.cesium.com/u/Kevin_Ring)\
**Post date:** [December 11, 2013, 10:42pm UTC](https://community.cesium.com/t/transparent-base-layer/870/4 "2013-12-11T22:42:37Z")

</div>

Scott,

You lost me at “have a 2.5D globe that has no ImageryLayers”. Since the imagery layers are the only thing (other than the blue) that is drawn on the surface, what does it mean to have a globe without any imagery layers?

Perhaps you mean that you want to see your polylines and such, but you don’t want to see a surface at all? If that’s what you’re after, you can just set:

scene.centralBody.show = false;

And the surface will not be drawn, but other primitives still will.

Kevin

---

<div class="post-metadata">

**Author:** ![Kevin\_Ring](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/kevin_ring/32/2003_2.png) [@Kevin\_Ring](https://community.cesium.com/u/Kevin_Ring)\
**Post date:** [December 11, 2013, 10:44pm UTC](https://community.cesium.com/t/transparent-base-layer/870/5 "2013-12-11T22:44:59Z")

</div>

Sorry, that should be:

widget.centralBody.show = false;

---

<div class="post-metadata">

**Author:** ![skaughtx0r](https://avatars.discourse-cdn.com/v4/letter/s/a87d85/32.png) [@skaughtx0r](https://community.cesium.com/u/skaughtx0r)\
**Post date:** [December 12, 2013, 4:14pm UTC](https://community.cesium.com/t/transparent-base-layer/870/6 "2013-12-12T16:14:55Z")

</div>

Aha! Perfect, that's what I was looking for.

Thanks,  
Scott

---

<div class="post-metadata">

**Author:** ![Gergely\_Padanyi-Guly](https://avatars.discourse-cdn.com/v4/letter/g/cab0a1/32.png) [@Gergely\_Padanyi-Guly](https://community.cesium.com/u/Gergely_Padanyi-Guly)\
**Post date:** [January 14, 2016, 12:12pm UTC](https://community.cesium.com/t/transparent-base-layer/870/7 "2016-01-14T12:12:43Z")

</div>

I guess now it is something like this:

viewer.scene.globe.show = false;

1. december 12., csütörtök 17:14:55 UTC+1 időpontban [skaug...@gmail.com](mailto:skaug...@gmail.com) a következőt írta: