Bonjour,
Dans le cadre d'un projet universitaire nous devons utiliser PhoneGap, j'ai donc commencé à me faire la main dessus. Cependant j'ai voulu créer une page dans mon appli avec une fenetre google map (pour ensuite placer des points de référence dessus) et la impossible. J'ai tout d'abord testé le code html fourni par googe map, mais que ce soit sur l'AVD ou mon propre téléphone, il m'indique qu'il y a Echec de connexion au serveur. J'ai donc un peu cherché sur le net et ai trouvé differente façon pour régler l'affichage d'une fenetre google map dans une div par exemple, cette fois aucune erreur, mais aucun affichage nonplus.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<style type="text/css">
	 	#footer {
		    position:fixed;
			bottom:0;
			left:0;
			right:0;
		}
		
		html { height: 100% }
		body { height: 100%; margin: 0; padding: 0 }
		#map_canvas { height: 100%; top:50;}
	</style> 
	
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
		<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />

		<script type="text/javascript"
		  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDlFl3vPEbgzrr-1KX5E20z_1DowB2ASus&sensor=true">
		</script>
		<script type="text/javascript">
		  function GoogleMap(){
			this.initialize = function(){
			var map = showMap();
			}
	 
			var showMap = function(){
				var mapOptions = {
					zoom: 4,
					center: new google.maps.LatLng(50, 0),
					mapTypeId: google.maps.MapTypeId.ROADMAP
				}
		 
				var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
		 
				return map;
			}
		}
		function onDeviceReady(){
			var map = new GoogleMap();
			map.initialize();
		}
		
		</script>

		
     
	</head>
	
	<body onload="onDeviceReady()"> 
		
		
		<div id="page3" data-role="page">
			<div data-role="header"><h1>Projet jQuery PhoneGap</h1></div>
			<div data-role="map_canvas" id="map_canvas"></div>
			<div data-role="footer" id="footer"><h1>Pearson</h1></div>
		</div>
J'aimerais donc savoir si vous aviez des exemples de code fonctionnels que je puisse tester.
Cordialement