javascript - 谷歌地图 JS API : Better to store data in markers or in JSON?

Question

我正在使用 Google Maps JS API 可视化一些政府数据。目前，每次用户更改过滤器值时，它都会再次获取整个 JSON 数据，对其进行过滤，并为通过过滤器验证的每一行创建一个标记。这很慢，因为每次您更改过滤器所在的表单时，它都会重新下载 JSON。

有两种方法可以动态缓存和显示数据:存储接收到的 JSON 一次并根据过滤器销毁/重新创建标记，或者一次创建所有标记并仅显示与过滤器匹配的标记。

这两个选项之间有性能差异吗？两者对我来说都有意义，我只是不确定如何判断一个比另一个更好。如何评估 Google map 标记对于用户来说有多“重”？

Answer 1

建议的 2 种方法肯定会比原始策略更快，原始策略在每次过滤器更改时都会重新获取 JSON 数据。

我想每种方法都有优点和缺点。

如果您不打算在每次过滤器更改时检索 JSON 数据，那么本质上数据可能数据不足，但如果用例是 >JSON 数据 很少更新，那么可以放弃这种考虑。

缓存 JSON 数据 并预先创建所有标记会导致 map 在开始时加载的时间比平常要长一些，因为您需要先创建所有标记，而其他标记则需要先创建所有标记。反过来，您只创建标记的子集 - 因此更快。

我想这一切都取决于有多少个标记？ map 的典型使用模式是什么？

如果有一百万个标记，并且典型的过滤器会导致在更改时重新生成 100,000 个标记，那么您最好预先生成标记并相应地调整其可见性。

类似地，如果您有一百万个标记，而典型的过滤器只会导致百万个标记中出现 1 或 2 个标记，那么销毁和重新创建可能会更快。

无论如何，作为一个用户，我宁愿让 map 在开始时加载时间长一点，可能会牺牲 1-2 秒。然后，当我使用过滤器时，标记会立即发生变化。希望这会有所帮助。