topic Re: AutoResize Map in ArcGIS JavaScript Maps SDK Questions

AutoResize Map

jaykapalczynski — Mon, 28 Jul 2014 13:45:15 GMT

I am a bit puzzled here. I have to below code for my Map.

If I make the browser about half my screen and refresh everything is fine.

If I set the browser to Max size or manually make the browser window larger, the map does not expand to the full browser size?

I thought the below would take care of that.

Is there something else that I need to add.

app.map = new esri.Map("map", {

center: [-77.4329, 37.5410],

zoom: 7,

slider: true,

showAttribution:true,

logo: false,

autoResize: true

});

Re: AutoResize Map

RobertScheitlin__GISP — Mon, 28 Jul 2014 14:46:01 GMT

Jay,

Is your map inside a layout dijit?

Re: AutoResize Map

jaykapalczynski — Mon, 28 Jul 2014 15:32:23 GMT

This is how the HTML is set up

</div>

Re: AutoResize Map

RobertScheitlin__GISP — Mon, 28 Jul 2014 15:42:11 GMT

Jay,

There must be something else in your code or css that is interfering with the maps resize. Can you post more of your code?

Re: AutoResize Map

jaykapalczynski — Mon, 28 Jul 2014 16:00:57 GMT

REMOVED as the problem was found below and to safe space in the post this was not needed.

Re: AutoResize Map

RobertScheitlin__GISP — Mon, 28 Jul 2014 17:53:40 GMT

Jay,

I don't see that issue when using your link...

Re: AutoResize Map

jaykapalczynski — Mon, 28 Jul 2014 19:18:08 GMT

Very interesting....I tested in Chrome and Firefox....when I expand the browser window It does not fully redraw....

hmmmm....it does not do this for you?

Re: AutoResize Map

RobertScheitlin__GISP — Mon, 28 Jul 2014 20:04:29 GMT

Jay,

OK Sorry I do see the issue when I have the browser started at a reduced size. I have run into this in the past and here is my workaround:

function adjustMapHeight() {
     var availHeight = $(window).height() - 40; //adjust for the header
     dom.byId("map").style.height = availHeight + "px";
}
function resizeMap() {
     adjustMapHeight();
     app.map.resize();
     app.map.reposition();
}
resizeEvt = (window.onorientationchange !== undefined && !has('android')) ? "orientationchange" : "resize";
on(window, resizeEvt, resizeMap);

Re: AutoResize Map

jaykapalczynski — Mon, 28 Jul 2014 21:20:20 GMT

MODIFICATION.......brb going to test....

Thanks

Re: AutoResize Map

RobertScheitlin__GISP — Mon, 28 Jul 2014 21:22:52 GMT

Jay,

They are fired when the browser window is resized or the orientation is changed (for mobile). I put these in your app and it worked

Re: AutoResize Map

jaykapalczynski — Mon, 28 Jul 2014 21:23:41 GMT

THAT did it.....thanks so much....CHeers....