Sujet: [JS]
04/07/2011 @ 10:34:23: Tang: [JS]
Salut à tous,

J'ai un ami qui a un problème et je me suis dit que vous trouveriez certainement la solution :

J'aimerais faire tourner un script en boucle sur un dossier contenant plusieurs fichiers de traces GPS à afficher sur une carte OpenStreetMap.

Voilà l'exemple avec deux fichiers :
http://eurasia.cyclic.eu/maps/traces.html
Mais au lieu d'avoir à spécifier chaque fichier .gpx dans le code source de la page, j'aimerais que chaque fichier (.gpx) soit affiché avec le script trace_gpx.

Actuellement, le code est :
Code:
  1. <script> 
  2.     init_map('map') ; 
  3.     trace_gpx('20100719.gpx','19/07/2010','red') ; 
  4.     trace_gpx('20100721.gpx') ;    
  5. </script>


Je pourrais imager l'idée par l'instruction suivante :
Code:
  1. <script> 
  2.     init_map('map') ; 
  3.     trace_gpx('*.gpx') ;    
  4. </script>


Une idée?
Merci d'avance!


Merci pour lui.
04/07/2011 @ 11:46:58: Clandestino: [JS]
Je peux me tromper, mais par défaut JS ne sait pas accéder au filesystem hors IE (et là encore, il a besoin d'un activeX et de Scripting.FileSystemObject).

Le plus simple est de mettre tous les fichiers .gpx dans un array et de passer un petit coup de jQuery :

Code:
  1. var _gpxs = ['20100719','20105487','32564878', ... ]; 
  2. $.each(_gpxs, function(i,item) { 
  3.     trace_gpx(item + '.gpx'); 
  4. });
04/07/2011 @ 14:32:09: Tang: [JS]
Apparemment soit ça fonctionne pas, soit mon pote modifie pas de la bonne façon.

Donc :

En fait, ça ne marche pas...
Enfin, je ne sais pas exactement ce que je dois changer... "i" reste "i"? Si je mets un chiffre à la place de "i", la carte ne s'affiche même plus. Je comprends bien que je note les noms des fichiers entre les crochets mais ça s'arrête là...

Code:
  1. <script> 
  2.     init_map('map') ; 
  3.     var _gpxs = ['20100719','20100721']; 
  4.     $.each(_gpxs, function(i,item) { 
  5.         trace_gpx(item + '.gpx'); 
  6.     });    
  7. </script>


Résultat : http://eurasia.cyclic.eu/maps/traces2.html


Etant donne que ce n'est pas vraiment son truc le java, toute information détaillée est la bienvenue.

???
04/07/2011 @ 14:50:25: Clandestino: [JS]
Question profondément débile (je sais), mais il a pensé à inclure jQuery dans sa page ?

Code:
  1. <script type="text/javascript" src:"http://code.jquery.com/jquery.min.js"></script>


edit: j'ai regardé son source... Pas si débile que ça ma remarque :spamafote:
Faut évidemment charger jQuery avant d'y faire appel :itm:

Donc en fait, son code devrait être :

Code:
  1. <script type="text/javascript" src:"http://code.jquery.com/jquery.min.js"></script> 
  2. <script> 
  3. init_map('map') ; 
  4. var _gpxs = ['20100719','20100721'];  
  5. $.each(_gpxs, function(i,item) {  
  6. trace_gpx(item + '.gpx');  
  7. });  
  8. </script>
04/07/2011 @ 15:07:26: Tang: [JS]
Ah ben un grand grand merci pour lui.

Je lui communique...
04/07/2011 @ 15:09:38: Clandestino: [JS]
C'est src="http://code.jquery.com... et non src:"http://code.jquery.com... :aloy:
05/07/2011 @ 13:04:46: Tang: [JS]
Merci pour la précision (qu'il avait également corrigée).

Ca fonctionne si ce n'est que c'est pas "automatique".

En fait le but est qu'il dépose les fichiers dans un dossier sur le serveur et que la carte se mette à jour d'elle-même en vérifiant (genre 1 fois par jour) s'il y a de nouveaux fichiers présents.

Si pas possible en JS, une idée en utilisant autre chose, et facilement ?
05/07/2011 @ 15:52:33: Clandestino: [JS]
Un petit bout de code PHP qui scanne le répertoire, balance le résultat dans un XML et l'envoie au JS qui le traite.

En gros dans ce cas, ça donnerait ça :

Code:
  1. <?php 
  2. $path_to_gpxs = '../whatever_folder_it_is/gpxs/'; 
  4. $xml_string = <<<xml 
  5. <?xml version="1.0" encoding="UTF-8"?> 
  6. <item> 
  7. </item> 
  8. XML; 
  9.   
  10. $xml_generator = new SimpleXMLElement($xml_string); 
  11.   
  12. if ($handle = opendir($path_to_gpxs)) { 
  13. while (false !== ($file = readdir($handle))) { 
  14. if (is_file($path_to_gpxs.'/'.$file)) { 
  15. $image = $xml_generator->addChild('item'); 
  16. $image->addChild('path', $path_to_gpxs.'/'.$file); 
  17. } 
  18. } 
  19. closedir($handle); 
  20. } 
  21.   
  22. header("Content-Type: text/xml"); 
  23. echo $xml_generator->asXML(); 
  24. ?>


Puis le JS :

Code:
  1. <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>  
  2. <script>  
  3. init_map('map') ; 
  5. $.ajax({ 
  6. type: "GET", 
  7. url: "participations.xml", 
  8. datatype: "xml", 
  9. success: function(data) { 
  10. $(data).find("item").each(function() { 
  11. trace_gpx($(this).find('path').text()); 
  12. }); 
  13. } 
  14. }); 
  16. </script>
05/07/2011 @ 17:19:32: ovh: [JS]
Clan> PHP peut exporter un array en json, ce serait encore plus facile et naturel pour le js :cupra:

http://fr.php.net/manual/en/function.json-encode.php
05/07/2011 @ 17:33:02: ovh: [JS]
Testé et approuvé :
Code:
  1. <?php 
  2. define("PATH", ".");    // place ici le bon chemin sans / final 
  4. header("Content-type: application/json"); 
  5. $files = array(); 
  6. $iterator = new DirectoryIterator(PATH); 
  7. foreach ($iterator as $fileInfo) { 
  8.     if ($fileInfo->isFile()) { 
  9.         $files[] = PATH . '/' . $fileInfo->getFilename(); 
  10.     } 
  11. } 
  12. echo json_encode($files);


Code:
  1. <script type="text/javascript"> 
  2. init_map('map'); 
  3. $.ajax({ 
  4.     type: "get", 
  5.     url: "test.php", 
  6.     datatype: "json", 
  7.     success: function(data){ 
  8.         $(data).each(function(idx, value){ 
  9.             trace_gpx(value); 
  10.         }); 
  11.     } 
  12. }); 
  13. </script>


:dawa:
06/07/2011 @ 08:29:25: Tang: [JS]
Ah ben je sens qu'il va être ravi...

Un grand merci, j'étais sûr que par ici une solution serait trouvée.
06/07/2011 @ 10:23:44: Tang: [JS]

MA-GNI-FIQUE!!!!!!!!!!
Deuxième solution (1ère pas testée).

Merci merci merci!
Tu transmettras!
06/07/2011 @ 11:34:32: ovh: [JS]
De rien :cupra: Mais ce ne serait pas plus simple qu'il s'inscrive sur le site ? :oh: C'est gratuit :petrus:
06/07/2011 @ 12:08:59: Tang: [JS]
Citation de: ovh
De rien :cupra: Mais ce ne serait pas plus simple qu'il s'inscrive sur le site ? :oh: C'est gratuit :petrus:


En fait ils sont sur le départ pour 14 mois et ont donc pas mal de chose à faire, donc je me suis occupé de "régler" ce point là.
12/07/2011 @ 09:12:48: Tang: [JS]
Finalement il a opté pour ceci (apparemment plus efficace*) :
Code:
  1. <script> 
  2.     init_map('map') ; 
  4.     <?php 
  5.     if ($handle = opendir($dir)) { 
  6.         $tab = array() ; 
  7.         while (false !== ($file = readdir($handle))) { 
  8.             if ( is_file("$dir/$file") ) 
  9.                 $tab[] = $file ; 
  10.         } 
  11.         closedir($handle); 
  12.     } 
  13.     sort($tab) ; 
  14.      
  15.     foreach ( $tab as $file ) { 
  16.         $fileName = str_replace('.gpx','',$file) ; 
  17.         echo "\t trace_gpx('$dir/$file','$fileName') ; \n" ; 
  18.     } 
  19.      
  20.     ?> 
  21. </script>


*"[...]ça serait plus efficace d'écrire direct les appels trace_gpx dans
le traces.html (à mettre en php du coup) que de faire un appel $.ajax"

Encore merci à vous.
Retour