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.
Vous devez vous connecter pour publier un commentaire.
Ok. Je suis en train de faire comme ceci:
De sorte s'il vous plaît essayer:
- créer le gmap sur pagecreate
seule l'actualisation sur pageshow
- le marqueur est un bonus 😉
laissez-moi savoir si cela fait l'affaire. C'est à partir d'un exemple de travail de la mine, de sorte qu'il devrait être ok. Je pense qu'il est important de configurer le gmap à l'avance de pageshow. Si vous pensez que de JQM comme une étape... pageshow serait bon, avant de lever le rideau. Peut-être trop tard pour Google de la Magie. Pagecreate semble mieux...
Avez-vous essayé ceci:
jquery-mobile avec google maps
Je l'ai trouvé assez facile à mettre en œuvre.
J'ai aussi n'a pas pu obtenir l'exemple de base de l'INTERFACE utilisateur de jQuery Cartes de travailler sur le premier essai. Après de jongler avec l'exemple du "démos" le dossier de la
jquery-ui-map-3.0-rc
répertoire, j'ai lissé tous les inutiles html et javascript pour affichage d'un très de base de la carte. Malheureusement, le site web a des extraits de code, plutôt qu'un plein, de travail mais minimaliste exemple.Vous aurez à vérifier que les références, les liens et les scripts sont corrects.