After Adding more than 5 mapimage in esri map ,zooming in chrome and mozilla takes lots of cpu. In chrome page specially hangs. If zoom level is highest then page stops working in chrome. Also in chrome,during image load page becomes somewhat unresponsive.
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]);
}