세슘 샘플링 라벨에 텍스트 속성이 있습니까?

Question

타임 스탬프를 사용하여 값을 위치 속성 (또는 색상 등)에 "베이킹"하는 것과 비슷한 방법으로 레이블에 타임 스탬프에 따라 텍스트를 변경할 수 있습니까?

Answer 1

예, TimeIntervalCollectionProperty을 사용하십시오. 다음은 예입니다,이 코드의 하단에있는 "실행 코드"버튼을 클릭

var viewer = new Cesium.Viewer('cesiumContainer', { 
 
    navigationInstructionsInitiallyVisible: false, 
 
    // These next 5 lines are just to avoid the Bing Key error message. 
 
    imageryProvider : Cesium.createTileMapServiceImageryProvider({ 
 
     url : Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII') 
 
    }), 
 
    baseLayerPicker : false, 
 
    geocoder : false, 
 
    // This next line fixes another Stack Snippet error, you may omit 
 
    // this setting from production code as well. 
 
    infoBox : false 
 
}); 
 

 
var startTime = Cesium.JulianDate.fromIso8601('2016-08-01T00:00:00Z'); 
 
var intervalStart = startTime; 
 

 
// Here we construct a TimeIntervalCollectionProperty for the 
 
// label text that changes over time. 
 
var labelText = new Cesium.TimeIntervalCollectionProperty(); 
 

 
// As a demo, this creates a day's worth of one-second time intervals, each 
 
// one with its own label text. 
 
for (var x = 0; x < 86400; ++x) { 
 
    var intervalStop = Cesium.JulianDate.addSeconds(startTime, x, new Cesium.JulianDate()); 
 
    labelText.intervals.addInterval(new Cesium.TimeInterval({ 
 
     start: intervalStart, 
 
     stop: intervalStop, 
 
     data: 'Time ' + x 
 
    })); 
 
    intervalStart = intervalStop; 
 
} 
 

 
// Set up some clock properties here. 
 
var clock = viewer.clock; 
 
clock.startTime = startTime; 
 
clock.stopTime = intervalStart; 
 
clock.currentTime = startTime; 
 
clock.clockRange = Cesium.ClockRange.CLAMPED; 
 
clock.multiplier = 30; 
 
viewer.timeline.zoomTo(clock.startTime, clock.stopTime); 
 

 
// Finally, create and add an entity with a label, using the labelText 
 
// collection above from the TimeIntervalCollectionProperty we constructed. 
 
viewer.entities.add({ 
 
    position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222), 
 
    label : { 
 
     text : labelText 
 
    } 
 
});

html, body, #cesiumContainer { 
 
    width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; 
 
    font-family: sans-serif; 
 
}

<link href="http://cesiumjs.org/releases/1.29/Build/Cesium/Widgets/widgets.css" 
 
     rel="stylesheet"/> 
 
<script src="http://cesiumjs.org/releases/1.29/Build/Cesium/Cesium.js"> 
 
</script> 
 
<div id="cesiumContainer"></div>