Mapbox GL JS中使用FlyTo()时如何缓存瓦片？

• 调整相机飞行的动画逻辑
  别用匀速飞行，改成先快后慢的缓动曲线——比如飞行前70%的路程用较快速度，最后30%减速，给瓦片加载留缓冲时间。飞行时长建议根据目标距离动态调整（比如跨半球飞用2.5秒，同城飞用1.2秒），同时当相机缩放级别接近目标级别前2级时，进一步降速，让瓦片有足够时间加载。
  另外，飞行启动前先预加载目标区域低1-2级的瓦片，再开始飞，这样中途高分辨率瓦片的加载压力会小很多。

• 优化瓦片的加载策略
  不要死用256x256的标准瓦片，低带宽场景可以试试128x128的小瓦片，加载更快；飞行过程中优先加载低分辨率瓦片，到达目标后再逐步替换成高清瓦片，避免一次性加载大量高分辨率资源。
  同时扩大预加载范围：设置相机视口周边1-2倍区域的瓦片预加载，而不是只加载当前视口，这样飞行到新区域时，瓦片已经在加载队列里了。

• 升级瓦片缓存机制
  光开preloadOnly: true不够，还要配合合理的缓存配置：把常用区域的瓦片缓存过期时间设为7天以上，同时提升内存缓存容量（比如从默认的500片提升到1200片，根据设备内存调整）。
  再加个预缓存触发：用户在搜索栏输入关键词时，就提前预测目标地点，预加载该区域的核心瓦片，不用等回车才启动加载。

• 用视觉效果掩盖加载过程
  飞行时给未加载的瓦片区域加低透明度的灰色蒙层或高斯模糊，瓦片加载完成后再平滑移除；或者给瓦片加渐入动画，让加载完成的瓦片慢慢显示，减少视觉上的突兀感。

内容的提问来源于stack exchange，提问作者artpen