ESRI javascript api 3.18

Question

esriマップに5つ以上のmapimageを追加した後、クロムとmozillaをズームするとCPUが大量に消費されます。クロムページで特別にハングアップします。ズームレベルが最も高い場合、クロムでページが機能しなくなります。また、クロムでは、イメージの読み込み中にページが多少反応しなくなります。

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のクロムは、大規模な解像度のPNG画像ファイルを適切に処理できないようです。したがって、3k以上の解像度を持つ10個以上のPNGファイルがある場合、ブラウザがハングアップするだけでなく、30％+ CPU使用量もかかります。複数のファイルに対して可能であればベクトルファイルをロードするほうがよいです。私は25 +ファイルを持っていた。私は、これが同じ問題に直面している人に役立つことを願っています。