在加载地图之前，Mapbox是如何加载此图像的？

在Mapbox的站点上，他们似乎加载了一幅图像，直到地图准备好显示在英雄旗帜中。他们是怎么做到的？此外，鼠标悬停时的地图移动也很棒，他们是如何完成的？

您可以使用地图的加载事件[1]来了解地图何时完成加载：

map.on'load'，函数{ }; 您可以通过API请求静态映射

您可以使用一些HTML、JavaScript和CSS来显示Mapbox静态API中的数据，同时在img后面的后台加载GL JS映射。一旦你有了加载事件，你可以隐藏你的img来显示交互式地图

您必须通过静态地图API请求PNG图像，因为自己下载并缓存它违反了Mapbox服务条款[2]

要简化贴图，只需收听mousemove事件，然后使用map.jumpTo或map.easeTo稍微调整贴图方向和/或俯仰[3]

[1]

[2]

[3]