VinayBa

Map image size

Discussion created by VinayBa on Sep 2, 2013
Latest reply on Sep 4, 2013 by JUihlein-esristaff
HI All,

  I am trouble with size of map , the document says that map takes size of div container it is placed in.Now i have div which has width 980px and height of 700px when the map is rendered it covers only half of div and there is lot of gap in the top  i checked if there was any top-margin defined but it was 0.When i checked the html code i see that that the server returns image of map which is of size of div and map portion is half of that , how can i overcome this .I want map to atleast cover 3/4 of div that i am using , below is map creation code
map = new esri.Map("mapContainer",{ 
      basemap: "streets", 
          center: [-83.275, 42.573], 
     zoom: 4 
     });
     var layer = new esri.layers.ArcGISDynamicMapServiceLayer("http://10.32.9.106:6080/arcgis/rest/services/Administrative_Maps/World_Countries_v1/MapServer",{opacity:.20});
     map.addLayer(layer);
     console.log(" adding feature layer"+map.height);
     var url = "http://10.32.9.106:6080/arcgis/rest/services/Administrative_Maps/World_Countries_v1/MapServer/0";
     var info_content = "<table><tr><td><b>COUNTRY :</b></td><td style='text-align:right'>${COUNTRY}</td></tr></table>";
     var infoTemplate1 = new esri.InfoTemplate("${COUNTRY}", info_content);
     var fl = new esri.layers.GraphicsLayer(url, {
    id: "world-regions"
    
     });

Outcomes