Was wondering if there was any way to move the map from the top center maybe over to the right with the compass and other information.

Or maybe perhaps a compromise would be finding a way to fit the picture frame and map at the center without the picture being cut off no matter the size.

look for libraries on UI/Java+CSS/html-xml-etc-web-formating stuff... for hopefully help on how to position the map/grid:

http://textadventures.co.uk/forum/samples