问题
开发了一个组件 vue 并包含了所有必要的步骤,并设法让它与正确的 apikey 配置一起工作。页面中的地图组件第一次正确加载。重新加载后,HERE api 返回空白图块,并一直持续到对挂载或创建的 vue 生命周期钩子进行代码更改为止。
观察网络活动
发现 2 个 HERE 地图返回正常瓦片或空白瓦片的情况
普通瓷砖:
在第一次加载或重新加载后,对挂载的挂钩请求 URL 进行代码更改后
由 HERE api 为单个瓷砖
https://4.aerial.maps.ls.hereapi.com/maptile/2.1/maptile/09e0643c22/hybrid .day/17/ 103309 / 65001 /512/jpg?xnlp=CL_JSMv3.1.16.2&apikey=blablabla
空白磁贴:
在连续页面重新加载时
请求 URL 由 HERE api 为单个磁贴
https://1.aerial.maps.ls 创建。 hereapi.com/maptile/2.1/maptile/09e0643c22/hybrid.day/17/ 65536 / 65535 /512/jpg?xnlp=CL_JSMv3.1.16.2&apikey=blablabla
从观察来看,只有当值(以粗体突出显示)更改使地图返回空白或正常图块时。我假设这些值与请求的地图的经度和纬度相关联,或者可能与图块的大小相关联。没有把握。
即使停止并重新启动实时重新加载,页面重新加载时也会始终出现该问题。只有在实时重新加载期间在挂载的生命周期挂钩中进行代码更改时,它才会显示正常磁贴。