topic Re: Map offset in JSAPI - chrome/ff only in ArcGIS JavaScript Maps SDK Questions

Map offset in JSAPI - chrome/ff only

TerryGiles — Mon, 13 Oct 2014 22:08:20 GMT

We have an app with 2 maps on it. The maps start with only a basemap and some graphics visible. On the 2nd map, the map (basemap tiles and graphics) seem to be offset by almost 50% of the <div> containing the map as shown in the attached image (map_chrome). Notice the info window also doesn't align with the graphic. If I were to pan the map to the west, the graphic would also disappear. But this only happens in Firefox and Chrome. In IE 10 (haven't tried 11) it works fine (other attached image). The only other time I've seen weirdness like this is if you don't set the class on the body tag to one of the Dojo class names. But we're setting it in code so I don't think that's it. The base map and all graphics work just fine on the other map on the page too.

Any ideas what to check? This one has me stumped!

Thank you,

Terry

Re: Map offset in JSAPI - chrome/ff only

Vara_PrasadM_S — Tue, 14 Oct 2014 05:56:08 GMT

Hi Terry,

Have you tried calling "reposition()" / "resize(immediate?)"‌ functions on Map object in map - load event.

Thanks & Regards,

Vara Prasad.

Re: Map offset in JSAPI - chrome/ff only

JonathanUihlein — Tue, 14 Oct 2014 16:26:12 GMT

Hi Terry,

This looks like a CSS issue.

Can you recreate a bare-bones version of your application using jsfiddle so I can take a look?

Thanks!

Re: Map offset in JSAPI - chrome/ff only

TerryGiles — Tue, 14 Oct 2014 16:32:02 GMT

Jonathan is correct, it was a CSS issue. A parent DIV tag belongs to a class with 'text-align:center' set; removing this solves the issue of the map (it was centering as the inherited CSS told it to)