Google Map no se mostrará en la aplicación Phonegap iOS

Question

Nov 16, 2011, 04:15 AM

Google Map no se mostrará en la aplicación Phonegap iOS

Tengo una aplicación para iOS PhoneGap y tengo este HTML que no mostrará el mapa en la aplicación. Veo el mapa perfectamente en Safari o FF pero no en la aplicación. ¿Cómo puedo hacer que esto funcione?

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>  
    <script type="text/javascript">

        $(document).ready(function(){
                    var initialLocation = new google.maps.LatLng(37.654,-77.980);
                        var myOptions = {
                                        zoom: 12,
                                        center: initialLocation,
                                        mapTypeId: google.maps.MapTypeId.ROADMAP
                        };
                        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            });
</script>   
</head> 
<body>
<div data-role="content">   
    <!--images go here -->
    <div class="img_shadow" style="padding:4px;">
                    <div id="map_canvas" style="height:130px;"></div>
    </div>
</div>      
</div><!-- /page -->

</body>