Question

What is the best way to show a full-screen google map on both iPad and iPhone and even when the orientation changed as well.

Edit: I’m implementing mobile application in jQuery mobile. not iOS application.
Thanks.

Answer 1

Basically Google Mps API renders the map into an div(some cases in an iframe). Anyway you should specify an div to be your Map Canvas. if you change size of the div, then size of the map will change.
So if you define width and height of the canvas to 100%, it will always show the map covering whole screen.

#mapCanvas{
 width:100%;
 height:100%;
}