here-api - HERE Map：如何知道图层的渲染状态？

Question

我目前正在使用 vueJs 开发 PWA，我想知道如何在 HERE Map 中获取特定图层的渲染状态。

我阅读了一篇关于类似问题的帖子，其中 HERE 开发人员提出了解决方案。但是，渲染消息被触发不止一次，因为我有多个要渲染的东西（层、集群等）。

我想使用我在文档中找到的RenderState函数，它可以告诉我特定层的渲染状态（PENDING、ACTIVE或DONE）。

不幸的是，我不知道如何将它与我的地图链接并获取我需要的信息。我唯一能做到的就是写H.map.render.RenderState，但我无法将它链接到我的任何图层或地图。

Answer 1

renderstate API 支持层的枚举值，例如 ACTIVE - 当层的数据加载正在进行时，PENDING 和 ACTIVE 同样如此。

当需要添加 DOMLAYER 并返回渲染完成的响应时，我在这里引用了一个示例。

这是 layer 可以与 state 或 switch case 链接的方式之一（当状态返回时需要采取的操作是以下之一）

map.addLayer(new H.map.layer.DomLayer(function(element, renderParams) {
  element.innerHTML =
      "<div style='position:absolute;top:50px;left:50px;color:red'>" +
      "Zoom: " + renderParams.zoom + ", Bounding Box Center: " + renderParams.boundingBox.getCenter() +
      "</div>"
  return H.map.render.RenderState.DONE;
}));