you have to specify a size for googlemaps which is useless if you want to have the map fullscreen on all devices. Ive been searching the help documents and the answer seemed to be add the map within a container.
I now have a a Page(map) - mobilecontainer - html panel(panelMap) - googlemap(mapBiting)
The html panel is set to 100% width and height and I tried adding javascript to set the height ofg the google maps to whatever the height of the panel was but it doesnt work. any help?