javascript - Page zoomed on iPad with Google maps -

i working on webb app ipad uses google maps v3.5 api , have run across problem. suspect bug in api i'm hoping confirmed here before drop it. loading page in landscape or portrait mode works out hitch if change potrait landscape buttons in top right cornor gets pushed outside of screen. looks me if resolution of screen isn't changed. sort of page self zoomed in.
i'm unfortunately not allowed share webadress has else come across beavior before? , there soloution?
know it's hard snippets but... header stop user funny buisness:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 

and body map reside.

<div id="map_canvas" style="width: 100%; height: 100%"></div> 

and javscript displays map:

var mylatlng = new google.maps.latlng(56.668142,16.341105); // start settings map var myoptions = {   zoom: 13,   center: mylatlng,   maptypeid: google.maps.maptypeid.roadmap }; // creating , displaying map map = new google.maps.map(document.getelementbyid("map_canvas"),     myoptions); 

i have been able repdroduce error call google api in regards displaying on web page.

try using meta tag instead:

<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />