javascript - 标记过多时如何在谷歌地图上优化 MarkerWithLabel

Question

我一直在 google chrome 上开发一个应用程序，我一直在使用 MarkerWithLabel 库，我相信它是由 google 开发人员编写的。我在 map 上使用了 100 多个标记，在我检查 firefox(更不用说 IE)之前，它似乎非常流畅。它在 FF 中非常慢。有什么办法可以优化吗？

http://jsfiddle.net/zDTNS/2 这是 jsfiddle 中的示例

澄清一下，有 200 个常规标记就可以了。使用 MarkerWithLabel 时出现问题

Answer 1

一般来说，优化任何 Google map 应用程序的最佳方法是使用聚类技术。随着应用程序加载越来越多的标记，客户端渲染开销只会增加。添加标签只会使问题复杂化。

存在许多集群技术并且易于实现，我建议从这篇文章开始:https://developers.google.com/maps/articles/toomanymarkers .

编辑 保留上面的内容，以防有人没有相同的规范要求，但有类似的问题。

我唯一的其他建议是在超过特定缩放级别时关闭标签？这至少会缓解一些最严重的渲染问题。

编辑 在做了一些研究之后，库引入了 here已被证明具有比 markerWithLabel 更有利的性能特征。它依赖于 html Canvas ，尽管 ie9+ 也是如此。