AnsweredAssumed Answered

Basic map not loading inside dojo BorderContainer

Question asked by surajhpatildev on Aug 2, 2016
Latest reply on Aug 2, 2016 by Alexander_Brown-esristaff


Hi all,

 

I am trying to load simple web map inside dojo BorderContainer. It seems like map is coming but it lacks in tiles and simple zoom controls on it. Here is the attachment of it,

 

Selection_001.png

 

and here is the code snippet which i am trying

this.mapContainer = new BorderContainer({
  region: 'center',
  design: 'sidebar',
  style: 'height:calc(100%-150px);border:0px solid #b7b7b7;width:100%;overflow: hidden;'
});
this.mapContainer.startup();
this.mapContainer.layout();
this.mapContainer.placeAt(this);


dcMap = new Map(this.mapContainer.domNode,{
  basemap: "topo",  //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
  center: [-122.45, 37.75], // longitude, latitude
  zoom: 13
});




 

At first, I thought the issue is with the container i.e. container is not ready while my map object ask for it. But it seems like that is not the case cause i did debug and put timeout as well to load map later, and i am no matter what getting the same results.

 

Any idea as why this is happening?

Any help will be much appreciated. Thanks.

Outcomes