Cesium 根据相机高度控制某个图层显示隐藏

 


一、源码

复制代码
const cesiumUtils = {
  viewer: null,
  isShowLayer: false,
  layerShowHeight: 500, //小于500展示
  layer: null,
  init() {
    //,....
  },
  controlLayerShow() {
    const updateLayerIsShow = () => {
      const cameraHeight = Math.round(
        viewer.camera.positionCartographic.height
      );
      if (cameraHeight < this.layerShowHeight && !this.isShowLayer) {
        this.layer.show = true;
        this.isShowLayer = true;
      } else if (cameraHeight > this.layerShowHeight && this.isShowLayer) {
        this.layer.show = false;
        this.isShowLayer = false;
      }
    };
    this.viewer.scene.postRender.addEventListener(updateLayerIsShow); //每帧去监听
  },
};
复制代码

 

posted @   小七要走  阅读(85)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
点击右上角即可分享
微信分享提示