Question

我有一个通过python提取的CZML数据。我有建筑物，它们的几何形状，高度，建筑物ID和间隔。每个区间都有一个值。在将czml数据加载到Cesium之后，我想访问属性，然后根据给定的值自定义建筑物的颜色。以下是我的CZML示例：

[{ ＆＃34; id＆＃34;：＆＃34;文件＆＃34;，＆＃34;版本＆＃34;：＆＃34; 1.0＆＃34; }，{ ＆＃34; id＆＃34;：32，＆＃34;可用性＆＃34;：＆＃34; 2014-01-01T00：00：00Z / 2014-12-31T00：00：00Z＆＃34;，＆＃34; polygon＆＃34;：{ ＆＃34;职位＆＃34;：{ ＆＃34; cartographicDegrees＆＃34 ;: [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] }，＆＃34; someProperty＆＃34;：[{ ＆＃34; interval＆＃34;：＆＃34; 2014-00-01T00：00：00Z / 2014-01-01T00：00：00Z＆＃34;，＆＃34; En_C_need＆＃34;：0.7 }，{ ＆＃34; interval＆＃34;：＆＃34; 2014-01-01T00：00：00Z / 2014-02-01T00：00：00Z＆＃34;，＆＃34; En_C_need＆＃34;：1.0 }，{ ＆＃34; interval＆＃34;：＆＃34; 2014-02-01T00：00：00Z / 2014-03-01T00：00：00Z＆＃34;，＆＃34; En_C_need＆＃34;：2.6 }，{ ＆＃34; interval＆＃34;：＆＃34; 2014-03-01T00：00：00Z / 2014-04-01T00：00：00Z＆＃34;，＆＃34; En_C_need＆＃34;：12.1 }，{ ＆＃34; interval＆＃34;：＆＃34; 2014-04-01T00：00：00Z / 2014-05-01T00：00：00Z＆＃34;，＆＃34; En_C_need＆＃34;：30.2 }，{ ＆＃34; interval＆＃34;：＆＃34; 2014-05-01T00：00：00Z / 2014-06-01T00：00：00Z＆＃34;，＆＃34; En_C_need＆＃34;：37.8 }]，＆＃34; extrudedHeight＆＃34;：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中的正确位置。它不应该在多边形内，而应在＆＃34; root＆＃34;：

中

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

如何自定义czml数据源？

1 个答案: