javascript - 让谷歌标记跟随道路

Question

我目前正在使用 Google map 在 map 上显示 500 多辆车的数据。目前，车辆平均每 60 秒更新一次。我目前使用一些 JavaScript/jQuery 将每个标记从其旧位置移动到新位置。

因为数据不是很频繁地传入，这通常意味着每个标记都会在许多建筑物、河流、湖泊等之间进行动画处理。我想做的是让这些标记沿着道路行驶，但我很担心这样做可能会变得昂贵。

我发现 Google Maps Directions API 允许我执行此操作。如果我计算从标记的旧位置到新位置的路线，它会将路线分成许多不同的线，我可以让标记在它们之间设置动画。但是，如果每分钟有 500 辆车更新，则每分钟有 500 个方向请求。不知何故，我认为我什至无法在 Google Maps for Business API 上生存下来。

如果有人对我如何在不花费数十亿美元的情况下做到这一点有任何想法，我将不胜感激。

谢谢

Answer 1

在我看来，只要目的地永远不变，您只需为每 500 辆车查询一次 Direction API。尽管如此，您可能仍会遇到 API 速率限制。

您需要将 500 组减少到更易于管理的程度。我可能会首先对仅在给定 map 视口(viewport)中立即可见的标记执行动画/计算。您仍然需要更新所有标记位置，以防标记即将进入您的视口(viewport)，但您不一定需要为每辆车使用实际的 google.maps.Marker 对象来管理它.您可以改为在单独的数据结构中跟踪位置，这样您就不必经常绘制 map 。

顺便说一句，您可能还想探索标记的聚类选项，因为同时在屏幕上显示十几个标记在视觉上变得难以管理。