Montrant une Carte Google map en JQuery Mobile

Je suis en train de construire un JQuery Mobile de l'application. Je veux cette application pour y inclure une carte Google map en elle. J'ai fondé ma mise en œuvre sur le jquery-ui-carte plug-in. Ils ont l'exemple de code disponible à http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#basic_map.

Même avec cet exemple, je ne peux toujours pas obtenir une carte d'apparaître. J'ai l'impression que je suis en utilisant le plus de code de base. Quelqu'un peut-il me dire ce que je fais mal? Mon code est indiqué ci-dessous:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/resources/scripts/jquery.ui.map.full.min.js" />
</head>

<body>
    <div id="result" data-role="page">
        <div data-role="header"><h1>My App</h1></div>

        <div data-role="content">
          <div id="resultMap" style="height:200px; width:200px; background-color:Lime;">   
          </div>
        </div>
    </div>

    <br /><br />

    <script type="text/javascript">
        $("#result").live("pageshow", function () {
            $("#resultMap").gmap();
        });
    </script>
</body>
</html>
  • map() au lieu de gmap()?
  • 🙁 malheureusement pas.