javascript - 随着 map 上的多边形增加最大 ram 利用率并减慢 CPU 导致浏览器崩溃

Question

当使用多达 500 个多边形并关联 14000 个纬度/经度时，我无法找到在我的应用程序中在 map 上渲染多个多边形时浏览器崩溃的确切解决方案。它可以很好地加载多达 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.