openlayer判断瓦片全部加载完毕

在OpenLayers开发中,为生成缩略图,需要判断地图及特定图层的所有瓦片是否完全加载。通过设置interval检查加载状态,以及为图层设置unique_id来追踪每个图层的瓦片加载情况。当加载队列为0且所有瓦片state为'loaded'时,表明瓦片加载完成。了解源码有助于深入理解这一过程。
摘要由CSDN通过智能技术生成

一、问题产生

在openlayer开发的过程中,涉及到缩略图的生成。当地图上的所有图层全部加载完毕时,执行生成缩略图业务代码。

二、问题解决

寻找源码,找到如下解决方案:

1 判断地图全部瓦片加载完毕

map.tileQueue_.getTilesLoading() == 0

这里可以设置一个interval,判断如上条件即可。

2 判断某个图层的瓦片加载完毕

这里需要为某个layer设定一个unique_id。然后将unique_id传递到加载的tile对象中去。
假如某layer如下:

let wmtsLayer = new ol.layer.Tile({
    source: new ol.source.WMTS({
        url: url,
        projection: projection, //数据的投影坐标系
        tileGrid: tileGrid,
        format: "image/png",
        crossOrigin: 'anonymous'
    })
});

手动为wmtslayer打上一个标识:

const guid =  guid();//--生成一个随机id
wmtsLayer.unique_seid = guid;

CanvasTileLayerRenderer类中的manageTilePyramid函数里创建tile的地方加上一句代码:

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值