Introduction
Avant d’entamer ce projet, une étude bibliographique s’impose. Cette étude permettra de se documenter et de s’informer sur le contexte du projet et sur les moyens qu’il faut mettre en œuvre pour atteindre ses objectifs. L’étude bibliographique s’intéressera en un premier lieu aux intérêts de Google Map API. En un second lieu, l’intérêt se portera sur le plugin « Fancybox » de jQuery et on termine par la présentation de quelque format de données utilisé.

Api de de Google Maps V3
Pour afficher les différentes gares de l’SNCFT sur la carte, nous avons utilisé les API de Google map.
L’Api de Google Maps est un ensemble de fonctions et classes JavaScript qui permet de Manipuler une carte dynamiquement au sein d'un site web.
L'API Maps permet d'afficher des cartes made in Google sur un site web, et de la personnaliser. On peut peaufiner tous les détails de l'affichage tels que les zooms, les marqueurs de carte, les titres et les contenus des info-bulles. [5]
Ces technologies reposent principalement sur les trois composantes que sont le client, le serveur et les données. La cartographie dynamique permet donc, en fonction d'une requête d'un client envoyée au serveur cartographique, de retourner les données désirées sous la forme d'une carte.
Architecture d'une application qui intègre l’API Google map
1 Le navigateur envoie une requête avec les critères choisis
2 Le serveur Web se traduit ces critères en série d'instructions pour le serveur SQL à exécuter
3 Le serveur SQL exécute série d'instructions et envoyez des enregistrements au serveur Web
4 Le serveur Web convertit les jeux d'enregistrements en flux XML et l'envoyer au navigateur
5 Le navigateur analyse les données du XML et l'envoie à Google
6 Google retourne la carte et le marqueur sur la base de paramètres
Plugin jQuery « Fancybox »
Fancybox est un plugin jQuery qui permet de générer des lightbox avec du contenu aussi bien statique que dynamique. Considéré comme un « must