cesium根据缩放层级对应显示点、图片、模型

最新推荐文章于 2025-10-02 11:43:15 发布

原创最新推荐文章于 2025-10-02 11:43:15 发布 · 4k 阅读

11 ·

CC 4.0 BY-SA版权

前端，cesium，gis 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了Cesium中如何使用distanceDisplayCondition属性来控制点和billboard在不同距离下显示的效果。通过设置不同的阈值，可以实现当卫星模型距离地球超过20000000米时显示为点，介于400000至20000000米之间显示为billboard图像。

distanceDisplayCondition是一个核心属性，决定距离地球一定高度所展示的效果

//在距离地球20000000米以上显示为点：
createPoint() {
    const point = new GeoVis.PointGraphics({
      id: GeoVis.createGuid(),
      pixelSize: 10,
      color: GeoVis.Color.WHITE,
      distanceDisplayCondition: new GeoVis.DistanceDisplayCondition(20000000.0)
    });
    this.createCesiumSatelliteEntity("Point", "point", point);
   }
///在距离地球400000到20000000.0米显示为billboard
  createBillboard(){
    const billboard = new GeoVis.BillboardGraphics({
      id: GeoVis.createGuid(),
      scale:0.02,
      image:"static/data/SatelliteVis/satellite/satellite.png",
      distanceDisplayCondition: new GeoVis.DistanceDisplayCondition(400000,20000000.0)
    });
    this.createCesiumSatelliteEntity("Billboard", "billboard", billboard);
  }