Programmation » [JS]
Catégorie:  
   
[JS]
Publié le 04/07/2011 @ 10:34:23,
Par Tang
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 :
  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 :
  1. <script> 
  2.     init_map('map') ; 
  3.     trace_gpx('*.gpx') ;    
  4. </script>


Une idée?
Merci d'avance!


Merci pour lui.
   
[JS]
Publié le 04/07/2011 @ 11:46:58,
Par Clandestino
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 :

  1. var _gpxs = ['20100719','20105487','32564878', ... ]; 
  2. $.each(_gpxs, function(i,item) { 
  3.     trace_gpx(item + '.gpx'); 
  4. });
   
[JS]
Publié le 04/07/2011 @ 14:32:09,
Par Tang
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à...

  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.

???

Dernière édition: 04/07/2011 @ 14:33:30
   
[JS]
Publié le 04/07/2011 @ 14:50:25,
Par Clandestino
Question profondément débile (je sais), mais il a pensé à inclure jQuery dans sa page ?

  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 :

  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>

Dernière édition: 04/07/2011 @ 14:52:05
   
[JS]
Publié le 04/07/2011 @ 15:07:26,
Par Tang
Ah ben un grand grand merci pour lui.

Je lui communique...
   
[JS]
Publié le 04/07/2011 @ 15:09:38,
Par Clandestino
C'est src="http://code.jquery.com... et non src:"http://code.jquery.com... :aloy:
   
[JS]
Publié le 05/07/2011 @ 13:04:46,
Par Tang
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 ?
   
[JS]
Publié le 05/07/2011 @ 15:52:33,
Par Clandestino
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 :

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


Puis le JS :

  1. <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>  
  2. <script>  
  3. init_map('map') ; 
  4. $.ajax({ 
  5. type: "GET"
  6. url: "participations.xml"
  7. datatype: "xml"
  8. success: function(data) { 
  9. $(data).find("item").each(function() { 
  10. trace_gpx($(this).find('path').text()); 
  11. }); 
  12. }); 
  13. </script>
   
[JS]
Publié le 05/07/2011 @ 17:19:32,
Par ovh
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
Je n'ai rien à voir avec www.ovh.com
   
[JS]
Publié le 05/07/2011 @ 17:33:02,
Par ovh
Testé et approuvé :
  1. <?php 
  2. define("PATH"".");    // place ici le bon chemin sans / final 
  3. header("Content-type: application/json"); 
  4. $files = array(); 
  5. $iterator = new DirectoryIterator(PATH); 
  6. foreach ($iterator as $fileInfo) { 
  7.     if ($fileInfo->isFile()) { 
  8.         $files[] = PATH . '/' . $fileInfo->getFilename(); 
  9.     } 
  10. echo json_encode($files);


  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:

Dernière édition: 05/07/2011 @ 21:07:14
Je n'ai rien à voir avec www.ovh.com
   
[JS]
Publié le 06/07/2011 @ 08:29:25,
Par Tang
Ah ben je sens qu'il va être ravi...

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

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

Merci merci merci!
Tu transmettras!
   
[JS]
Publié le 06/07/2011 @ 11:34:32,
Par ovh
De rien :cupra: Mais ce ne serait pas plus simple qu'il s'inscrive sur le site ? :oh: C'est gratuit :petrus:
Je n'ai rien à voir avec www.ovh.com
   
[JS]
Publié le 06/07/2011 @ 12:08:59,
Par Tang
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à.
   
[JS]
Publié le 12/07/2011 @ 09:12:48,
Par Tang
Finalement il a opté pour ceci (apparemment plus efficace*) :
  1. <script> 
  2.     init_map('map') ; 
  3.     <?php 
  4.     if ($handle = opendir($dir)) { 
  5.         $tab = array() ; 
  6.         while (false !== ($file = readdir($handle))) { 
  7.             if ( is_file("$dir/$file") ) 
  8.                 $tab[] = $file ; 
  9.         } 
  10.         closedir($handle); 
  11.     } 
  12.     sort($tab) ; 
  13.      
  14.     foreach ( $tab as $file ) { 
  15.         $fileName = str_replace('.gpx','',$file) ; 
  16.         echo "\t trace_gpx('$dir/$file','$fileName') ; \n" ; 
  17.     } 
  18.      
  19.     ?> 
  20. </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.
Répondre - Catégorie:  
Informaticien.be - © 2002-2022 AkretioSPRL  - Generated via Kelare
The Akretio Network: Akretio - Freedelity - KelCommerce - Votre publicité sur informaticien.be ?