Clearideaz, le portfolio d'Olivier Gorzalka, webdesigner sur Lille, Nord-Pas de Calais

webdesigner et intégrateur XHTML / CSS

Une carte Vélib grâce à l’API Google

Si vous habitez Paris ou si vous ne faites qu’y travailler (comme moi), vous avez surement déjà eu l’occasion d’utiliser le service Vélib. Le site officiel ou d’autres sites indépendants comme Roulib.fr proposent des cartes permettant d’afficher le nombre de vélos disponibles ou encore le nombre d’emplacements restants. Je vous propose de faire la même chose grâce à l’API de Google Map.

Le principe est simple. On génère en local un fichier XML à partir du fichier distant présent sur le site officiel Vélib via PHP. Une fois cette étape effectuée, on a plus qu’à charger le fichier xml à l’aide de Javascript.

La page de démonstration du script utilise le framework jQuery mais vous pourrez trouver dans l’archive une version en javascript pur et une autre version associée à l’autre framework Prototype (Merci d’ailleurs à Sunny pour son aide ;) )

Vous trouverez toutes les informations nécessaires dans les commentaires des différents fichiers javascript. N’oubliez pas d’aller générer une clé API Google Map sur le site dédié.

Pour pouvoir accéder à la carte et télécharger le script associé, rendez-vous sur la page de démo du script de carte Vélib. L’archive contient le script php pour générer les fichiers xml de la carte Vélib et des informations associées à chaque borne, les fichiers Javascript correspondants, la feuille de style CSS et les images requises.

8 commentaires »

  1. antoine, le à #1

    Bonjour, je ne vois pas de quel archive tu parles? Et à quelles adresses se trouvent les flux xml? Merci d’avance

    Répondre

  2. Sunny, le à #2

    J’adore ! Pouvoir associer points des stations vélib et le nombre de vélos disponibles et les pistes cyclables parisiennes c’est très classe :)

    Sous quel licence le code est-il fourni ? Sous quels termes peut-t-on le réutiliser ?

    Répondre

  3. Oliv G., le à #3

    @antoine : lis bien l’article ;) c’est sur la page de démo.

    @Sunny : ben sous licence creative common par contre, les termes, vous vous débrouillez :)

    Sinon ça n’a rien a voir mais je me suis aperçu qu’il y avait un problème avec les fuseaux horaires, c’est réglé là ;)

    Répondre

  4. Suricat, le à #4

    bonjour, jolie réalisation.

    Ayant moi-même un truc toujours sur le feu (en fait, c’est juste presque fini, j’ai la css à mettre au propre, donc c’est par là : http://www.suricat.net/velib/carte/), je me demandais d’où provient la couche « piste cyclable ».

    Je serai éventuellement intéressé pour l’utiliser. Si vous en êtes bien l’auteur, merci pour le CC. Je voulais juste m’en assurer.

    De même que les arrondissements, mais ça, c’est plus par flemme de les saisir.

    Merci.

    Répondre

  5. Oliv G., le à #5

    Alors pour les pistes cyclables et les arrondissements, c’est juste deux fichiers KML récupéré via Google Earth. L’url se trouve dans le fichier velib.js tout en haut dans les différentes variables utilisées. C’est assez bien commenté pour les retrouver ;)

    Répondre

  6. Suricat, le à #6

    oui, j’aurais pu regarder… Alors j’y vais et si je ne trouve pas une autre information, je reviendrai :-)

    Merci.

    Répondre

  7. Chello, le à #7

    Y a-t-il moyen de soumettre à Google l’ensemble des stations Vélib pour qu’ils soient connus d’office par Google ?
    J’utilise Google Maps Mobile, et je doute qu’on puisse associer un fichier kml côté client symbian (si j’ai bien compris l’esprit du post).
    Merci !

    Répondre

  8. Sev, le à #8

    Quelqu’un a-t-il dévoloppé un petit chose « Cle en main » pour utiliser sur Windows Mobile ?

    Répondre

Laisser un commentaire

* (obligatoire)