viewer.flyTo without showing path line

CesiumJS
1

I’m new to Cesium, and I’m trying to do an animation like the one from the SandCastle examples, called “bike ride” (KML.html)

This animation uses viewer.flyTo() to a path defined in a kml file. While this is happening, a red line is being drawn where the animation goes. I’m trying to get rid of this path line, icons and marker (You can see them in the image I’m attaching), however, I can’t find where are those defined.

When the animation starts, that blue line starts moving like crazy.

crazyLine
crazyLine845×553 63.5 KB

I was able to apply 100% transparency to the ffffff001 but still, a moving crazy blue line appears.

This is my relevant code:

	document.getElementById("startAnimation").addEventListener("click", function(event) {
		viewer.dataSources.add(Cesium.KmlDataSource.load("./kmls/bikeRide.kml", options)).then(function(dataSource) {
			viewer.clock.shouldAnimate = false;
			const rider = dataSource.entities.getById("tour");
			viewer.flyTo(rider).then(function() {
				viewer.trackedEntity = rider;
				viewer.selectedEntity = viewer.trackedEntity;
				viewer.clock.multiplier = 30;
				viewer.clock.shouldAnimate = true;
			});
		});
	});

And this is how my .kml file looks like:

<Document>
<open>1</open>
<visibility>1</visibility>
<name>my track</name>
<Style id="track">
<LineStyle><color>ffffff00</color><width>1</width></LineStyle>
<IconStyle>
<scale>1.3</scale>
<Icon><href>http://maps.google.com/mapfiles/kml/paddle/ylw-circle.png</href></Icon>
</IconStyle>
</Style>


<Placemark id="tour">
<name>name of id tour</name>
<description>description</description>
<styleUrl>#track</styleUrl>
<gx:Track>
<altitudeMode>clampToGround</altitudeMode>
<when>2013-07-25T19:33:58.000Z</when>
<gx:coord>-75.300238 40.109584 3000</gx:coord>
<when>2013-07-25T19:33:59.000Z</when>
<gx:coord>-75.300234 40.109597 3000</gx:coord>
<when>2013-07-25T19:34:00.000Z</when>
<gx:coord>-75.300214 40.109641 3000</gx:coord>

NOTE: In the original example, they use a gx:MultiTrack tag which I had to remove, otherwise, the altitude was being ignored.

All I want is to show that animation that follows a series of coordinates WITHOUT showing anything else (path lines, icons, markers)

I’m using Cesium 1.98

Any help will be really appreciated

2

I was able to solve it using sytiling:

<Style id="track">
<LineStyle><color>ffff00ff</color><width>2</width></LineStyle>
<IconStyle>
<scale>0</scale>
<Icon></Icon>
</IconStyle>
</Style>

I just thought there could be another way