I have a igMap with a type: type: "geographicShape", backgroundContent = null;
shapeDataSource: '../../data-files/shapes/test.shp', databaseSource: '../../data-files/shapes/test.dbf',
windowRect: {top: 0.35482880331323446, left: 0.32046170218611925, width: 0.07144929000000011, height: 0.07144929000000011 } set to these values.
It's all centered when the window is maximized, but when the window is re-sized the the shape file is not centered in the div. How do I keep the shape file always centered within the window?
The window rect that you ask for isn't necessarily the window rect you are going to get. It is corrected so that the aspect ratio matches the shape of the map. You can use the public methods on the map to convert from geographic coordinates to window coordinates as the viewport size changes. The map will fire the gridAreaRectChanged event when the viewport size changes, so thsi is a good place to convert from geographic coordinates to window coordinates and update the zoom level.
http://jsfiddle.net/gmurray/kdHNB/
Thank you so much. This is very helpful. I tested in Chrome and it seems to work. I had to plug in these values for windowsRect to make the zoom bigger. So far it looks good.
varwindow = $("#map").igMap("getZoomFromGeographic", {
left: -112.61762762423348,
top: 24.869629823381775,
height: 21.57031063486546,
width:26.87213517452271
});
$("#map").igMap("option", "windowRect", window);
IE 9 give me the error, even though I am using IE 9.
Got IE 9 working also. For some reason, my Visual Studio was defaulting to IE compatibility mode when I launch from visual studio 2012. I was able to fix it by hitting F12, then stopped debugging and choose browser mode to internet explorer 9.
There may actually be a bug where a coercion is firing that shouldn't. Looking into it. Will get back to you with a bug number if this is the case.
Do the contents inside the splitter layout resize when the browser resize?