需要在来自数据库结果的谷歌地图上显示大约 20,000 个图钉 [关闭]

Question

很难说出这里问的是什么。 这个问题模棱两可、含糊不清、不完整、过于宽泛或言辞激烈，无法以目前的形式合理回答。 如需帮助澄清此问题以便重新打开它，请访问帮助中心。

8 年前关闭。

我必须在谷歌地图上将用户显示为图钉。 我从数据库中获取了用户记录，现在大约有 20,000 个。 我现在正在做的是在加载文档并创建地图后执行 ajax 请求以从数据库中获取所有用户。 但问题是，当我用大约 20,000 条记录的 json 结果响应 ajax 调用时，我的浏览器卡住了。 有时需要 20 分钟才能加载结果并将它们显示为谷歌地图上的图钉。 我确信这是错误的方式。

任何人都可以指导我将数据库结果加载为谷歌地图上的图钉的最佳方法是什么。 请记住，对于每个请求，结果集可能不同（基于登录用户的城市 - 想法是显示附近的用户）。

提前谢谢了。

Answer 1

对于如此庞大的数据量，尝试绘制 20,000 个引脚会很慢。

看看聚类之类的东西 - http://gmaps-utility-library-dev.googlecode.com/svn/tags/markerclusterer/1.0/examples/advanced_example.html

或者，如果您只显示附近的用户，那么您真的有 20,000 个附近的用户吗？ 根据用户当前位置缩小返回的用户列表。

Answer 2

我真的很想将它保持在 100 针以下 - 对于处理能力低的设备来说，20,000 针太多了。

如果您确定需要渲染所有引脚，那么您需要仔细考虑如何将信息提供给用户。 您是要在页面加载时预加载所有信息，以便可以重用信息，还是希望在信息发生变化时重新加载信息。

无论如何，如果您以 XML 格式输出结果以供 Javascript 读取，则较小的 XML 文件可提供更快的加载时间。 如果您使用的是 XML，则可以将其从...

<records>
    <record id="1">
        <name>blah</name>
        <longatude>blah</longatude>
        <latitude>blah</latitude>
    </record>
        <record id="2">
        <name>blah</name>
        <longatude>blah</longatude>
        <latitude>blah</latitude>
    </record>
</records>

到：

<records>
    <record id="1" n="blah" lat="bah" lon="blah" />
    <record id="2" n="blah" lat="bah" lon="blah" />
    <record id="3" n="blah" lat="bah" lon="blah" />
</records>

如果您确定需要所有标记，我将使用此处提到的 Google Maps Clustering ，这将减少任何时候在页面上呈现的数量。

Answer 3

我认为您可能不得不避免使用客户端。 我没有尝试过这个，但 Fusion Table Layers 似乎是你所追求的，它保持在谷歌服务器上的处理，你可以像查询一样使用 sql。 每个表和 5 个表的限制为 100,000 行。

我不确定表格的设置，但它可能是一个有趣的替代方案。

https://developers.google.com/maps/documentation/javascript/layers#FusionTables