Cesium获取地图瓦片加载进度

最新推荐文章于 2025-04-11 14:20:26 发布

Webgiserin

最新推荐文章于 2025-04-11 14:20:26 发布

阅读量922

点赞数 8

CC 4.0 BY-SA版权

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/Webgiser_yy/article/details/135292984

本文介绍了如何使用Cesium库中的tileLoadProgressEvent方法来监控地图加载进度，通过Cesium.EventHelper实现动态获取并更新地图加载的百分比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据网络现有的方法，加以整理即可获得

主要利用 tileLoadProgressEvent 方法

    // 获取地图加载进度
    getProgress() {
      var helper = new Cesium.EventHelper();
      let max = 0, progress = 0
      helper.add(viewer.scene.globe.tileLoadProgressEvent, function (e) {
        max = Math.max(max,e)
        progress =  Math.round(100 *(max-e)/max)
        if (e == 0) {
          progress = 100
        }
      })
    },