Question

在esri地图中添加5个以上的mapimage后，放大chrome和mozilla需要大量的cpu。在chrome页面特意挂起。如果缩放级别最高，则页面停止在chrome中工作。同样在chrome中，在图像加载期间页面变得有些反应迟钝。

    var map = new esri.Map('map', {
                   //center: [6.6032, 53.1917],

                sliderStyle: "large",
                basemap:'Topo',
                 zoom:9,
                maxZoom:14,
                force3DTransforms: true,
                navigationMode: "classic"
              });

            EsriDBImageLayer= new esri.layers.MapImageLayer({  
                'id': 'usgs_basemap_image_overlay'  
            });  
            EsriDBImageLayer.setOpacity(0.7);
            map.addLayer(EsriBaseDBImageLayer);
            //dbImageList is retrieved from webservice with all
            necessary data.

            var tempImageList = dbImageList;
            for(var i=0;i<tempImageList.length;i++){
                   EsriDBImageLayer.addImage(tempImageList[i]);                                      
            }

Answer 1

我终于找到了解决方案。这不是arcgis-api的问题，而是因为浏览器。看来google chrome无法正确处理大分辨率的png图像文件。因此，如果超过10个png文件的分辨率超过3k，那么不仅浏览器挂起，而且还需要30％+ cpu usuage。因此，如果可能的话，最好为多个文件加载矢量文件。我有25个+文件。我希望这对那些面临同样问题的人有所帮助。

ESRI javascript api 3.18

1 个答案: