How to "hide" Animation widget (clock) and Timeline

3,100 views
Skip to first unread message

dmore...@gmail.com

unread,
Mar 2, 2016, 4:00:54 AM3/2/16
to cesium-dev
I'm now using CZML (path) on Cesium and this is my plan:

-I have button that load the CZML (path) and shows it on a Cesium Viewer.
-I have another button that remove the CZML and I want to "hide" the Animation and Timeline Widget.
-When I push the button to show again the CZML I want to "display" the preiviously Animation and Timeline Widget.

Is that possible?

this is the code:

var terrainProvider = new Cesium.CesiumTerrainProvider({
url : '//assets.agi.com/stk-terrain/world',
requestVertexNormals : true
});

var viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider : terrainProvider,
baseLayerPicker : false,
//aqui esto a false para quitar los widgets
timeline: true,
animation: true
});

$("#loadCZML").click(function(){
viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)).then(function(ds) {
viewer.trackedEntity = ds.entities.getById('path');
});
///HERE I WANT TO "TURN ON" ANIMATION AND TIMELINE WIDGET
});

$("#hide").click(function(){
viewer.dataSources.removeAll();
viewer.camera.flyHome();
///HERE I WANT TO "HIDE" ANIMATION AND TIMELINE WIDGET
});

Thanks.

dmore...@gmail.com

unread,
Mar 2, 2016, 6:20:49 AM3/2/16
to cesium-dev, dmore...@gmail.com
Ok, this works:

$(viewer._animation.container).css('visibility', 'hidden');
$(viewer._timeline.container).css('visibility', 'hidden');
viewer.forceResize();

victor...@gmail.com

unread,
Nov 24, 2017, 5:12:33 AM11/24/17
to cesium-dev
I have a question.

I am using cesium for a web application, and the cesium widget is not displayed properly (the buttons for pause, forward and backward are not displayed). This happens only in IE and ONLY in one of the portlets. Can't figure why, do you have any idea?

Gabby Getz

unread,
Nov 27, 2017, 5:00:42 PM11/27/17
to cesium-dev
Hi there,

Could you provide a code example and/or a screenshot? I'm thinking it may be a problem with the widget css.

Thanks,
Gabby

On Fri, Nov 24, 2017 at 5:12 AM, <victor...@gmail.com> wrote:
I have a question.

I am using cesium for a web application, and the cesium widget is not displayed properly (the buttons for pause, forward and backward are not displayed). This happens only in IE and ONLY in one of the portlets. Can't figure why, do you have any idea?

--
You received this message because you are subscribed to the Google Groups "cesium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cesium-dev+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Victor Sterie

unread,
Nov 28, 2017, 10:01:15 AM11/28/17
to cesiu...@googlegroups.com
Inline image 1
 
This is the problem.

 It may be a problem with css but as I see the cesium object is called the same way in every portlets, but this is the only one that does not work, and only in IE... What could be wrong with the css? 

--
You received this message because you are subscribed to a topic in the Google Groups "cesium-dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/cesium-dev/hbtdhNiIOeI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to cesium-dev+unsubscribe@googlegroups.com.

abel.go...@gmail.com

unread,
Apr 25, 2018, 3:56:00 AM4/25/18
to cesium-dev
Hola! Espero se encuentre bien! Me pregunto si encontro alguna solucion sobre el boton para esconder el reloj de Cesium. Si puede compartir la solucion conmigo seria genial?
Saludos!
Abel

Victor Sterie

unread,
Apr 25, 2018, 10:30:53 AM4/25/18
to cesiu...@googlegroups.com
Unfortunately I haven't found any solution...

Abel Gonzalez

unread,
Apr 25, 2018, 11:38:31 AM4/25/18
to cesiu...@googlegroups.com
Thank you anyway Victor. This is the Projects I am working with. 

Regards
Abel

Den ons 25 apr. 2018 16:30Victor Sterie <victor...@gmail.com> skrev:
Unfortunately I haven't found any solution...
On Wed, Apr 25, 2018 at 10:56 AM, <abel.go...@gmail.com> wrote:
Hola! Espero se encuentre bien! Me pregunto si encontro alguna solucion sobre el boton para esconder el reloj de Cesium. Si puede compartir la solucion conmigo seria genial?
Saludos!
Abel

--
You received this message because you are subscribed to a topic in the Google Groups "cesium-dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/cesium-dev/hbtdhNiIOeI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to cesium-dev+...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to a topic in the Google Groups "cesium-dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/cesium-dev/hbtdhNiIOeI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to cesium-dev+...@googlegroups.com.

Gabby Getz

unread,
Apr 26, 2018, 9:54:04 AM4/26/18
to cesium-dev
The Viewer is designed to configure all the widgets when you create it.

In order to hide the clock, you'll need to set the styles of the containing div elements to display: none;

Thanks,
Gabby

On Wednesday, April 25, 2018 at 11:38:31 AM UTC-4, Abel Gonzalez wrote:
Thank you anyway Victor. This is the Projects I am working with. 

Regards
Abel

Den ons 25 apr. 2018 16:30Victor Sterie <victor...@gmail.com> skrev:
Unfortunately I haven't found any solution...
On Wed, Apr 25, 2018 at 10:56 AM, <abel.go...@gmail.com> wrote:
Hola! Espero se encuentre bien! Me pregunto si encontro alguna solucion sobre el boton para esconder el reloj de Cesium. Si puede compartir la solucion conmigo seria genial?
Saludos!
Abel

--
You received this message because you are subscribed to a topic in the Google Groups "cesium-dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/cesium-dev/hbtdhNiIOeI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to cesium-dev+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to a topic in the Google Groups "cesium-dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/cesium-dev/hbtdhNiIOeI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to cesium-dev+unsubscribe@googlegroups.com.

Akshay Gore

unread,
Apr 26, 2018, 11:27:52 AM4/26/18
to cesiu...@googlegroups.com
Hi,
Could you please let me know how to add SRTM DTM data and Landsat imagery on Cesium Globe (Localhost)
Please...
Akshay Gore


--
You received this message because you are subscribed to the Google Groups "cesium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cesium-dev+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.



--
 Akshay Gore

Mark Erikson

unread,
Apr 26, 2018, 1:42:28 PM4/26/18
to cesium-dev
Please don't spam the same question into multiple unrelated threads :(

I hope to write a couple blog posts in the near future about the process of converting terrain data and imagery for use with Cesium.  I'll post in the group once I've actually written those.


On Thursday, April 26, 2018 at 11:27:52 AM UTC-4, Akshay Gore wrote:
Hi,
Could you please let me know how to add SRTM DTM data and Landsat imagery on Cesium Globe (Localhost)
Please...
Akshay Gore

On Wed, Apr 25, 2018 at 8:00 PM, Victor Sterie <victor...@gmail.com> wrote:
Unfortunately I haven't found any solution...
On Wed, Apr 25, 2018 at 10:56 AM, <abel.go...@gmail.com> wrote:
Hola! Espero se encuentre bien! Me pregunto si encontro alguna solucion sobre el boton para esconder el reloj de Cesium. Si puede compartir la solucion conmigo seria genial?
Saludos!
Abel

--
You received this message because you are subscribed to a topic in the Google Groups "cesium-dev" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/cesium-dev/hbtdhNiIOeI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to cesium-dev+...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to the Google Groups "cesium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cesium-dev+...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.



--
 Akshay Gore


Message has been deleted

srilekha...@gmail.com

unread,
May 9, 2018, 8:42:07 PM5/9/18
to cesium-dev
I have the same problem with the reverse and forward button image not getting displayed on the clock can you please tell me a fix on this or any other way to change the image on it so that i can put my custom svg image on the buttons.
Anything will help.

same issue as victor sterie

Gabby Getz

unread,
May 15, 2018, 5:00:09 PM5/15/18
to cesium-dev
Reply all
Reply to author
Forward
0 new messages