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

CesiumJS
1

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.

2

Ok, this works:

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

3

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?

4

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

5

image.png
image.png833×727 436 KB

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?

6

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

7

Unfortunately I haven’t found any solution…

8

Thank you anyway Victor. This is the Projects I am working with.
Https://3d.sokigo.com

Regards

Abel

Den ons 25 apr. 2018 16:30Victor Sterie victorsterie@gmail.com skrev:

9

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

10

Hi,
Could you please let me know how to add SRTM DTM data and Landsat imagery on Cesium Globe (Localhost)

Please…

Akshay Gore

11

Please don’t spam the same question into multiple unrelated threads :frowning:

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.

12

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

13

See response here: https://groups.google.com/forum/#!topic/cesium-dev/_Bgo6xcC9ng