随着地图上的多边形增加最大 ram 使用并减慢 CPU 导致浏览器崩溃

Question

当使用多达 500 个多边形并关联 14000 个 lat/long 时，我无法找到在我的应用程序中在地图上渲染多个多边形时浏览器崩溃的确切解决方案。它可以很好地加载多达 300 个多边形，然后由于 ram 利用率增加和 CPU 性能下降，浏览器崩溃。

是否有任何解决方案可以减少 RAM 和 CPU 利用率，这样您就可以 运行 应用程序而不会使浏览器崩溃？

function init(mydata){

    var mypolygons  = [];
    var bounds      = new google.maps.LatLngBounds();
    for (i = 0; i < mydata.length; i++){        
        var placemark_name = mydata[i].placemark_name ; 
        var latlong = mydata[i].latlong;
        LatLng = [];
            for (j = 0; j < latlong.length; j++) {

                var lat = latlong[j].LatitudeLongitude.latitude;
                var lng = latlong[j].LatitudeLongitude.longitude;

                LatLng.push(new google.maps.LatLng(lat,lng));
                bounds.extend(LatLng[LatLng.length-1]);
                map.fitBounds(bounds);
            }

            var polygonOptions = {
                paths:LatLng,
                strokeColor: '#FF0000',
                fillColor: '#FF0000',
                draggable: false,
                editable:true,
                fillOpacity: 0.35,
                strokeOpacity: 0.8
            };  

            mypolygons.push(new google.maps.Polygon(polygonOptions));
            mypolygons[i].setMap(map);                              
    }           
}

Answer 1

I found the solution and that was to keep the property 
"editable:true" to "editable:false" and 
Everything worked fine.