Discussion :

[pierrot10]

Bonjour,

Je me replonge dans ajax, et apèrs des petites recherches je peine a exploiter les donnée de ma base de donnée.

Cette requete SQL qui me retourne au format JSON

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
$result = mysql_query("SELECT * FROM tracker ORDER BY time DESC");
 
$data = array();
while ( $row = mysql_fetch_assoc($result) )
{
  $data[] = $row;
 
}
echo json_encode( $data );

La réponse est celle-ci (extrait):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[{"id":"776","course":"1300","time":"2013-08-02 23:30:48","lat":"46.2191","lng":"6.1413","alt":"463.602814000000","vel":"0.000000000000","dist":""},{"id":"775","course":"1300","time":"2013-08-02 23:29:46","lat":"46.2191","lng":"6.1422","alt":"466.052216000000","vel":"0.000000000000","dist":""},{"id":"774","course":"1300","time":"2013-08-02 23:28:45","lat":"46.2186","lng":"6.1427","alt":"469.102325000000","vel":"0.885001000000","dist":""},{"id":"773","course":"1300","time":"2013-08-02 23:27:44","lat":"46.2183","lng":"6.1432","alt":"448.980225000000","vel":"1.183706000000","dist":""},{"id":"772","course":"1300","time":"2013-08-02 23:25:43","lat":"46.2174","lng":"6.1455","alt":"465.171875000000","vel":"3.445880000000","dist":""},{"id":"771","course":"1300","time":"2013-08-02 23:24:41","lat":"46.2174","lng":"6.1459","alt":"469.115753000000","vel":"1

J'ai ce code ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$.ajax({                                      
	url: 'ajax/coords.inc.php',
	data: "data",            
	dataType: 'json',             
	success: function(rows) {
		for(var i in rows) {
		 $('#map_canvas').append('<b>'+ rows.course +'</b>'); 
		} 
}
	});

Dans la fonction success, j'aimerais exploiter toutes les positions. Donc faire une boucle pour que google map affiche toutes les posisition.

Mon probleme est au niveau de la fonction succes:function rows.course m'affiche indéfini. J'ai aussi essaser de mettre rows['course'], mais san succès-

Pourriez-vous me guider?

Milles mercis

[NoSmoking]

Bonjour,
tu récupères un tableau à un seul indice contenant des objets, il te faut donc parcourir l'élément du tableau pour atteindre tes différents objets.
Pas sûr d'être clair...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
for (var i in rows) {
  $('#map_canvas').append('<b>' + rows[0].course + '</b>');
}

.each()

[pierrot10]

Hello NoSmoking,

Je te remercie. C'est ce que j'ai essayé, avant de lire ton message et ca fonctionne

Merci

[pierrot10]

J'aurais encore une derniere question par rapport à ca.

Afin de créer un polyline de Google map, je dois utiliser ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var trackPath = new google.maps.Polyline({
      					path: trackPath,
      					strokeColor: '#19b43d',
      					strokeOpacity: 1.0,
      					strokeWeight: 2
    				});
					trackPath.setMap(map);

trackPath est une variable array qui va empiler toutes les coordonnée. path: doir recevoir un array.

Donc dans ma boucle, j'ai ajoutà ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
trackCoords.push(new google.maps.LatLng(lat,lng));

Simplement je me demande si c'est raisonnable car je parcour la tableau 'rows' pour extraire les données. Donc j'ai essayé ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var trackPath = new google.maps.Polyline({
      					path: rows,
      					strokeColor: '#19b43d',
      					strokeOpacity: 1.0,
      					strokeWeight: 2
    				});
					trackPath.setMap(map);

mais ca ne marche pas!!
Pourriez-vous me dire pourquoi?

[pierrot10]

Ok, je suis bete, il n'y a pas le meme contenu.
rows contient toutes les données de ma base de donnée...
alors que trackPath, contient que lat et long