使用 Google Maps API v3 加载数千个图钉（多标记）答案

【问题标题】：Loading thousands of pins(multi markers) with Google Maps API v3使用 Google Maps API v3 加载数千个图钉（多标记）
【发布时间】：2013-12-10 15:07:40
【问题描述】：

我已经在谷歌和这个网站上搜索过解决方案，并尝试了很多方法，但都没有解决我的问题。

我正在使用标准方法通过 javascript 向我的 GMaps 应用程序添加多标记。我发现在一定数量的图钉（1000+）之后，图钉不再显示在地图上：（

我的问题：是否可以使用 Google 地图加载 1000 到 10000 个图钉？？

谁能解释一下为什么 Google Maps API v3 对 pin 有限制？？

假设谷歌地图不支持我加载数千个图钉的要求，是否还有其他类似的 API 可以加载数千个图钉？？

【问题讨论】：

标签： google-maps google-maps-markers

【解决方案1】：

我认为没有这个限制，请查看此页面：

https://code.google.com/apis/ajax/playground/#markers -- 我在这张谷歌地图上成功加载了 10000 个标记：

function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(37.4419, -122.1419), 13);

    // Add 10 markers to the map at random locations
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < 10000; i++) {
      var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
                              southWest.lng() + lngSpan * Math.random());
      map.addOverlay(new GMarker(point));
    }
  }
}

但随着标记数量的增加，网络浏览器可能需要更多时间来处理它们。

【讨论】：