Question

我正在使用Cesium提供的Sandcastle界面，但我的问题可以扩展（我猜）给任何javascript用户。我的目标是加载一个czml文件（也可能是一个.json文件）并将其内容存储到一个变量中，以便简单地访问它的标签。

这里有一个小例子：让我们假设文件（test.czml）内容如下：

[{
    "id" : "document",
    "name" : "Basic CZML billboard and label",
    "version" : "1.0"
}, {
    "id" : "Point A",
    "name" : "Point A",
    "label" : {
        "fillColor" : {
            "rgba" : [255, 255, 255, 255]
        },
        "font" : "12pt Lucida Console",
        "horizontalOrigin" : "LEFT",
        "pixelOffset" : {
            "cartesian2" : [8, 0]
        },
        "style" : "FILL",
        "text" : "Point A",
        "showBackground" : true,
        "backgroundColor" : {
            "rgba" : [112, 89, 57, 200]
        }
    },
    "position" : {
        "cartographicDegrees":[
            0, 0, 0
        ]
    }
}, {
    "id" : "Point B",
    "name" : "Point B",
    "label" : {
        "fillColor" : {
            "rgba" : [255, 255, 255, 255]
        },
        "font" : "12pt Lucida Console",
        "horizontalOrigin" : "LEFT",
        "pixelOffset" : {
            "cartesian2" : [8, 0]
        },
        "style" : "FILL",
        "text" : "Point B",
        "showBackground" : true,
        "backgroundColor" : {
            "rgba" : [112, 89, 57, 200]
        }
    },
    "position" : {
        "cartographicDegrees":[
            0, 10, 0
        ]
    }
}]

我的最终目标是以下列方式访问内容：

var czml = function_to_load_data(test.czml)
console.log(czml[1].id)

我可以使用以下命令加载数据：

var czml = Cesium.CzmlDataSource.load('../../SampleData/simple.czml'));

但这种方法不能按我的意愿行事。什么是实现目标的聪明而优雅的方式？

Answer 1

我可以在Cesium中实现我的解决方案：

var viewer = new Cesium.Viewer('cesiumContainer');

Cesium.loadJson('../../SampleData/test.czml').then(function(jsonData) {

    console.log(jsonData[1].id);

}).otherwise(function(error) {
    // an error occurred
});

从文件加载czml / json数据并将其存储到变量中

1 个答案: