Как настроить источник данных czml?

Question

У меня есть данные CZML, которые я извлек через Python. У меня есть здания с их геометрией, высотой, идентификатором здания и интервалами. каждый интервал имеет значение. После загрузки данных czml в Cesium я хотел бы получить доступ к атрибутам, а затем настроить цвет зданий в соответствии с заданным значением. Вот образец моего CZML:

[{"id": "document", "version": "1.0"}, {"id": 32, "Availability": "2014-01-01T00:00:00Z/2014-12-31T00:00:00Z", "многоугольник": { "позиции": { "cartographicDegrees": [54.7162360431897, 24.4519912715277, 0, 54.716219612921, 24.4519754832587, 0, 54.7162501395131, 24.4519488635358, 0, 54.7162465684811, 24.4519454316688, 0, 54.7162670831639, 24.4519275432238, 0, 54.7162707308589, +24,4519310439514, 0, 54.7163022563025, 24.4519035537608, 0, 54.7161962974502, 24.4518018819532, 0, 54.7161647729823, 24.4518293730395, 0, 54.7162035538772, 24.4520196028966, 0, 54.712.225.215.215.277.215.277.215.277.215.245.215.25: 24.25.25: 24.45: 2: 2: 0: 0: 0: 52: 52: 24: 0: 24: 0: 0: 52: 24: 0: 0: 24: 24: 0: 0: 0: 54: 24: 24: 24: 0: 0: 24: 24: 0: 0: 0: 54: 24: 0: 0: 54: 24: 24: 24: 0: 0: 0: 54: 240: 24: 0: 0: 0: 54: 24: 24: 24: 24: 24: 24: 24: 24: 23: 24: 23: 24: 23: 24; 01T00:00:00Z/2014-01-01T00:00:00Z", "En_C_need": 0,7 }, { "interval": "2014-01-01T00:00:00Z/2014-02-01T00:00:00Z", "En_C_need": 1.0 }, { "interval": "2014-02-01T00:00:00Z/2014-03-01T00:00:00Z", "En_C_need": 2.6 }, { "interval": "2014-03-01T00:00:00Z/2014-04-01T00:00:00Z", "En_C_need": 12.1 }, { "interval": "2014-04-01T00:00:00Z/2014-05-01T00:00:00Z", "En_C_need": 30.2 }, { "interval": "2014-05-01T00:00:00Z/2014-06-01T00:00:00Z", "En_C_need": 37.8 }], "extrudedHeight": 6.0 } }]

У меня есть другие данные GeoJSON, которые я настроил, я попробовал тот же метод, но он не сработал.

Вот что я пытаюсь сделать (это не работает):

var test2 = Cesium.CzmlDataSource.load ('Data/czml/TESTING/example_8.czml');
test2.then(function (dataSource) {
    viewer.dataSources.add(test2);
    viewer.zoomTo (test2);
var entities = dataSource.entities.values; 

    var colorHash = {};
    var Energy = [];
    for (var i = 0; i < entities.length; i++) {
        var entity = entities[i];
        Energy = entity.someProperty.En_C_need;
        var color = colorHash [Energy];
        if(!color ) {
            if (Energy < 5 ) {
            color = Cesium.Color.DARKSALMON.withAlpha (0.95);
        } else if (Energy < 10) {
                color = Cesium.Color.BURLYWOOD.withAlpha (0.95);
        } else if (Energy < 20) {
                color = Cesium.Color.RED.withAlpha (0.95);
        } else {
                color = Cesium.Color.PINK.withAlpha (0.95); 
        };
        colorHash[Energy] = color;
        };
        entity.polygon.fill = true;
        entity.polygon.material = color;
        entity.polygon.outline = false;     
    };

});

Answer 1

Чтобы начать с решения - вот рабочий plnkr: https://plnkr.co/edit/P1Cg4DNJYtK9r9XrLzxK?p=preview

Я изменил несколько вещей в вашем коде: 1) viewer.dataSources.add(test2); должно быть вне вашего обещания (это не имеет большого значения, но это более чистый код - использование обещания внутри обещания кажется странным). 2) Согласно спецификации свойств CZML, вам нужно разместить свойства в нужном месте в CZML. Он должен быть не внутри многоугольника, а в "корне":

var czml = [{"id": "document", "version": "1.0"},
{
    "id": 32, "availability": "2014-01-01T00:00:00Z/2014-12-31T00:00:00Z", "properties": {
    "someProperty": [
        {"interval": "2014-00-01T00:00:00Z/2014-01-01T00:00:00Z", "En_C_need": 0.7}, 
        {"interval": "2014-01-01T00:00:00Z/2014-02-01T00:00:00Z", "En_C_need": 1.0},
        {"interval": "2014-02-01T00:00:00Z/2014-03-01T00:00:00Z", "En_C_need": 2.6},
        {"interval": "2014-03-01T00:00:00Z/2014-04-01T00:00:00Z", "En_C_need": 12.1},
        {"interval": "2014-04-01T00:00:00Z/2014-05-01T00:00:00Z", "En_C_need": 30.2},
        {"interval": "2014-05-01T00:00:00Z/2014-06-01T00:00:00Z", "En_C_need": 37.8}
        ],
},
    "polygon": {
        "positions": {
            "cartographicDegrees":
                [54.7162360431897, 24.4519912715277, 0, 54.716219612921, 24.4519754832587, 0, 54.7162501395131, 24.4519488635358, 0, 54.7162465684811, 24.4519454316688, 0, 54.7162670831639, 24.4519275432238, 0, 54.7162707308589, 24.4519310439514, 0, 54.7163022563025, 24.4519035537608, 0, 54.7161962974502, 24.4518018819532, 0, 54.7161647729823, 24.4518293730395, 0, 54.7162035538772, 24.4520196028966, 0, 54.7162360431897, 24.4519912715277, 0]
        },
        "extrudedHeight": 6.0
    }
}];

Тогда вы можете запросить свойства в соответствии с интервалом (Energy = entity.properties.getValue(viewer.clock.currentTime).someProperty.En_C_need;) и получить энергию в текущее время зрителя.

Обновление после комментирования: Ваш код не предназначен для динамического изменения. Вам нужно установить значение либо callbackProperty как в этом примере: plnkr.co/edit/lm290uaQewEvfIOgXbDP?p=preview или с помощью timeIntervalCollection