javascript - 使用谷歌地图(或其他一些网络和移动平台)为 6000 多个位置放置标记

Question

我想要完成的最接近的示例是商店定位器。我有 6,000 多个位置需要绘制到加拿大 map 上。

我最初的计划是使用 Google map 在每个位置放置标记，但每次有人试图查看 map 或 map 的各个部分时都绘制它们所有是没有意义的 map 。

如何只在视野中放置标记？每次加载 map 时，我是否必须将所有 6000 个位置的地理数据发送给客户？

这对 map 可行吗？ (我确定一定是)或者对于这种事情有更好的服务吗？

Answer 1

如果不是所有位置都可见，绝对不要同时绘制所有位置。考虑使用 MarkerManager(article here)或 MarkerLight(代码:http://gmaps-samples.googlecode.com/svn/trunk/manymarkers/，演示:http://gmaps-samples.googlecode.com/svn/trunk/manymarkers/randommarkers.html)。如果您的初始 map 和数据使得所有标记最初都是可见的，那么这绝对是可行的方法。

您还可以使用 GEvent 对象 ( docs ) 检测“移动”事件，然后检查当前显示坐标，绘制边界内的任何坐标。如果您的初始 map 缩放得太大或太小，和/或您的标记集太大以致于无法显示在 map 的初始 View 中，这是最佳路线。您的用户将四处移动 map ，因此您可以对该移动使用react并仅绘制相关标记。看看http://econym.org.uk/gmap/gevent.htm有关其他 GEvent 事件的列表(无法在 API 上找到官方列表)，您可能还想观看“缩放”事件。

这两种方法也可以结合使用。