[Google Code] extraire donnée d'un fichier XML et Google AJAX APIs

zamubudio

Hello,

Je debute en prog HTML et j'essaye d'afficher les données contenues dans un fichier XML, en utilisant les fonctions déja creer par Google AJAX APIs. J'utilise donc la fonction drawChart(), qui permet d'effectuer des graphique, J'utilise aussi les fonctions GDownloadUrl() et GXml.parse() pour lire mon fichier XML. Mon soucis est que je ne comprends très bien ce qui retourné par ces fonctions et surtout comment les utilisées ensuites.
Je vous donne, ce que j'ai codé pour l'instant :

Code:

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
<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg"
            type="text/javascript"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["areachart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        GDownloadUrl("track.gpx", function(data, responseCode) {
         var xml = GXml.parse(data);
           var markers = xml.documentElement.getElementsByTagName("trkpt");
         var donnee = new google.visualization.DataTable();
         
         donnee.addRows(10);
               
                for (var i = 0; i < markers.length; i++) {
                        donnee.setValue(i-1, 0,parseFloat(markers[i].getAttribute("lat")));
                        donnee.setValue(i-1, 1,parseFloat(markers[i].getAttribute("lon")));
            }   
         
        var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
        chart.draw(donnee, {width: 400, height: 240, legend: 'bottom', title: 'Company Performance'});
        })
      }
    </script>
  </head>
 
  <body>
    <div id="chart_div"></div>
  </body>
</html>

merci d'avance pour vos responses