在谷歌地图中绘制多个圆圈时加速答案

【问题标题】：Speedup while drawing multiple circles in a google map在谷歌地图中绘制多个圆圈时加速
【发布时间】：2013-06-06 23:06:02
【问题描述】：

我创建了一个谷歌地图，并在其中绘制了多个半径圆。单击地图外部的按钮即可绘制半径圆。当要绘制 15-20 个圆圈时，代码工作正常。但是当圈数增加到 100 或更多时，它需要很多时间。它还挂起浏览器。无论如何我们可以在地图上绘制半径圆时加快速度。

下面是我正在使用的代码。我正在循环通过 django 模板中的 python 变量来绘制圆圈。

{% for key, val in info.items %}

    var radius = parseFloat(5) * parseFloat(1609.3)
    var lat = '{{val.latitude}}'
    var long = '{{val.longitude}}'
    circle_latlng = new google.maps.LatLng(lat, long)
    var circle = {
       strokeColor: "#ff0000",
       strokeOpacity: 0.8,
       strokeWeight: 1,
       fillColor: "#ff0000",
       fillOpacity: 0.20,
       map: map,
       center: circle_latlng,
       radius: radius,
       zIndex: 5
    };  

   var drawCirle = new google.maps.Circle(circle); 

{% endfor %}

【问题讨论】：

标签： google-maps google-maps-api-3 python-2.7 maps gis

【解决方案1】：

您的页面中的圆圈似乎是硬编码的。在通过AJAX techniques 渲染地图后加载它们。为防止地图“挂起”，请使用 setTimeout 为浏览器提供 CPU 周期以响应用户。

【讨论】：