google-maps - 如何过滤谷歌地图上的自定义结果？

Question

我这样做是为了了解这些事情在现实生活中是如何运作的。

我在 UI 上有一些选项，根据这些选项过滤结果，它们需要显示在谷歌地图上。类似于 padmapper.com的东西。

深入到旧金山，可以更改 UI 上的预算。随着预算的修改，谷歌地图上的搜索结果也随之修改。

在我有一个简单的滑块（例如预算）并且基础结果随着滑块的移动而更新的情况下，如何实现这一点？

Answer 1

没有代码，很难用代码给你举个例子，所以我用英文试试：

基本上，您使用的任何滑块都会在您更改滑块值后触发某种更改事件。在此事件中，捕获值，遍历地图上的标记，如果标记的某些属性落在滑块的值内，则显示它，否则隐藏它。

这假设当您创建 Marker 时，您做了两件事：1) 给它某种自定义属性来存储您要过滤的值，以及 2) 您将每个 Marker 的引用存储在数组中。

很乐意为您提供更多帮助，但您需要发布一些代码。

更新地址评论：

要处理“数据过多问题”，您可以调用服务器将地图视图（称为边界框）内的点加载为客户端上的标记。在您的过滤器change事件中，您遍历客户端上已经存在的这些标记并根据过滤器显示或隐藏它们，无需调用服务器，除非用户再次导航地图，然后idle您可以再次调用服务器并在边界框中再次检索点，但这也符合您的过滤条件。因此，它只是从服务器检索您需要的数据，并在客户端过滤它们的组合。您还可以限制从服务器返回的点数，因此在缩小时不会损失性能。

有关处理大量数据的更多信息，请参阅Google 的这篇文章和这个特定的实现。