6

我正在尝试将图标显示为广告牌并按距离缩放。我可以管理得很好,但是一旦我通过 CZML 而不是直接在 JS 中加载广告牌,我就无法调整广告牌的大小。

在我的 JS 文件中,我有:

var czmlDataSource = new Cesium.CzmlDataSource();
czmlDataSource.loadUrl('airports.czml');
viewer.dataSources.add(czmlDataSource);

我的 CZML 文件显示:

[
  {
    "id":"document",
    "version":"1.0"
  },
  {
    "id":"test",
    "billboard":{
      "image":"airport.png",
      "verticalOrigin":"BOTTOM",
      "show":true
    },
    "position":{
      "cartographicDegrees":[
        0.055278, 51.505278, 0
      ]
    }
  }
]

在我使用这个之前:

entity.billboard.scaleByDistance = new Cesium.ConstantProperty(new Cesium.NearFarScalar(1.5e3, 0.3, 3.5e5, 0.0));

显然现在这行不通。但我找不到一种方法来获取广告牌的 ID 并使用 scaleByDistance。

4

2 回答 2

4

CZML 尚不支持scaleByDistance嵌入其中。但是您仍然可以按照帖子底部的建议进行操作,即找到 ID 并以这种方式应用属性。

请记住,这loadUrl是异步的,因此在加载之前您无法获取 ID。代码如下所示:

var czmlDataSource = new Cesium.CzmlDataSource();
viewer.dataSources.add(czmlDataSource);
czmlDataSource.loadUrl('airports.czml').then(function() {
    var entity = czmlDataSource.entities.getById('test');
    entity.billboard.scaleByDistance = new Cesium.ConstantProperty(
            new Cesium.NearFarScalar(1.5e3, 0.3, 3.5e5, 0.0));
});
于 2015-02-13T21:36:35.170 回答
1

不再需要接受的解决方案。从那时起,Cesium 增加了对执行以下操作的支持(而不是new Cesium.NearFarScalar,这显然不适用于只是 JSON 的 CZML):

"scaleByDistance": { "nearFarScalar": [ 1.0, 2.0, 10000.0, 3.0 ] }

我自己测试了这个功能,它可以工作。

资源:

于 2019-09-09T19:44:36.597 回答