Javascript 铯：根据缩放级别显示/隐藏标签

当缩放增加到某个级别以上时，我想隐藏贴图的标签

对于本例，我希望在缩放级别为5之后隐藏与

集合1

相关的所有标签：

---

铯的3D相机本身不知道“缩放级别”，但您可以使用

半透明BYDistance

在一定距离后关闭标签

例如，下面是您的演示，每个标签上都添加了

半透明BYDistance

：

let viewer = new Cesium.Viewer('cesiumContainer', {
  animation: false,
  baseLayerPicker: false,
  fullscreenButton: false,
  geocoder: false,
  homeButton: false,
  infoBox: false,
  sceneModePicker: false,
  timeline: false,
  navigationHelpButton: false,
  navigationInstructionsInitiallyVisible: false,
});

let collection1 = new Cesium.LabelCollection();
collection1.add({
  position: Cesium.Cartesian3.fromDegrees(-101.678, 57.7833),
  text: 'Canada',
  translucencyByDistance : new Cesium.NearFarScalar(6.0e7, 1.0, 7.0e7, 0.0)
});
collection1.add({
  position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
  text: 'Philadelphia',
  translucencyByDistance : new Cesium.NearFarScalar(4.0e7, 1.0, 7.0e7, 0.0)
});
viewer.scene.primitives.add(collection1);

let collection2 = new Cesium.LabelCollection();
collection2.add({
  position: Cesium.Cartesian3.fromDegrees(-74.0059728, 40.7127753),
  text: 'New York',
  translucencyByDistance : new Cesium.NearFarScalar(1.0e7, 1.0, 3.0e7, 0.0)
});
collection2.add({
  position : Cesium.Cartesian3.fromDegrees(-79.38318429999998, 43.653226),
  text: 'Toronto',
  translucencyByDistance : new Cesium.NearFarScalar(3.0e7, 1.0, 5.0e7, 0.0)
});
viewer.scene.primitives.add(collection2);

---

@皮特，谢谢，现在我做了现在没那么难了吧？请不要忽略的规则，所以在未来不可能使标签不逐渐隐藏？只需将两个高度设置为相同，例如：

新铯.NearFarScalar（1.0e7，1.0，1.0e7，0.0）

更适合此任务的属性

距离显示条件

。此外，它允许您指定到摄影机的最小和最大距离。例如：

新铯。距离显示条件（6.0e6，2.0e7）

let viewer = new Cesium.Viewer('cesiumContainer', {
  animation: false,
  baseLayerPicker: false,
  fullscreenButton: false,
  geocoder: false,
  homeButton: false,
  infoBox: false,
  sceneModePicker: false,
  timeline: false,
  navigationHelpButton: false,
  navigationInstructionsInitiallyVisible: false,
});

let collection1 = new Cesium.LabelCollection();
collection1.add({
  position: Cesium.Cartesian3.fromDegrees(-101.678, 57.7833),
  text: 'Canada',
  translucencyByDistance : new Cesium.NearFarScalar(6.0e7, 1.0, 7.0e7, 0.0)
});
collection1.add({
  position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
  text: 'Philadelphia',
  translucencyByDistance : new Cesium.NearFarScalar(4.0e7, 1.0, 7.0e7, 0.0)
});
viewer.scene.primitives.add(collection1);

let collection2 = new Cesium.LabelCollection();
collection2.add({
  position: Cesium.Cartesian3.fromDegrees(-74.0059728, 40.7127753),
  text: 'New York',
  translucencyByDistance : new Cesium.NearFarScalar(1.0e7, 1.0, 3.0e7, 0.0)
});
collection2.add({
  position : Cesium.Cartesian3.fromDegrees(-79.38318429999998, 43.653226),
  text: 'Toronto',
  translucencyByDistance : new Cesium.NearFarScalar(3.0e7, 1.0, 5.0e7, 0.0)
});
viewer.scene.primitives.add(collection2);