jquery - webviewで開いたときにjqueryで作成されたGoogleマップがiPhoneに表示されない

Question

jqueryMobile と jquery を使用して、My Web App に Google マップを表示しました。

 <script type="text/javascript">
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

 It is showing Well in Web.
  But when I open this page in my iPhone through Web view
 G MAP is not showing at all.
 Please help ....