javascript - Heremaps 交互式 javascript API : maptile load event

Question

我在一个 Angular 应用程序中实现了 heremaps 并使用它来使用 wkhtmltopdf 打印 PDF，问题是我需要有一个可靠的事件来收听以便通知 wkhtmltopdf 我的 map 已完全加载并准备好打印.特别是在打印 PDF 时，某些图 block 未加载或仍处于模糊状态。

我尝试监听 mapviewchangeend 事件，但它不会在图 block 加载时抛出。我还尝试监听渲染引擎的 render 事件，但每次加载一个图 block 时都会抛出一个事件，我不知道我应该等待多少个图 block

// add a listener on the map ready event
this.map.getEngine().addEventListener("render", (event: H.util.Event) => {
    if (this.map.getEngine() === event.target) {
        map.mapReadyAction();
    }
});

有没有一种可靠的方法可以知道我的 map 图 block 何时已完全加载并准备好打印？

编辑:使用评论中链接的帖子，我找到了一种可靠地计算已加载图 block 数量的方法。不幸的是，我找不到确定我的 map 需要加载的图 block 总数的方法(代码中的getTileNumber())

this.nbLoadedTiles = 0;
this.map
    .getBaseLayer()
    .getProvider()
    .addEventListener("update", () => {
        this.nbLoadedTiles++;
        console.log(`tile loaded : ${this.nbLoadedTiles}`);

        if (this.nbLoadedTiles === this.getTileNumber()) {
            console.log("All tiles loaded");
            map.mapReadyAction();
            this.nbLoadedTiles = 0;
        }
    });

谢谢!

Answer 1

这不是可接受的答案，但这是我在等待合适的解决方案时使用的解决方法:

我正在使用原始帖子中描述的“图 block 加载”事件来启动计时器，如果在这段时间内没有加载其他图 block ，我认为 map 已加载。

// add a listener on the map ready event
this.map
    .getBaseLayer()
    .getProvider()
    .addEventListener("update", () => {
        // a new tile was succesfully loaded: reset the timer
        clearTimeout(this.tileTimer);
        this.tileTimer = setTimeout(() => {
            map.mapReadyAction();
        }, DELAY_TILE_LOADED);
    });

我以 3 秒的延迟运行此程序，以便在获得满载 map 的最大机会和可接受的延迟之间取得可接受的折衷。请注意，我的用户不是客户，所以等待 3 秒是可以的，但对于在线应用程序来说，这可能是不行的