Aller au contenu | Aller au menu | Aller à la recherche
Un des exemples de notre précédent billet sur les fenêtres d'information Google utilisait un tableau de données, stocké dans un fichier javascript. Il serait bien plus élégant d'utiliser un format standard d'échanges de données, comme XML ou JSON, que nous vous présentions il y a quelques mois.
Ces données peuvent êtres produites dynamiquement à partir d'une base de données. Google facilite le chargement asynchrone de données, nous allons en développer un exemple.
A présent que nous savons ajouter des marqueurs sur notre carte, nous voudrions les rendre réactifs, par exemple pour afficher une petite fenêtre d'information au clic ou au survol.
Poursuivons notre voyage au pays des cartes Google Maps : Nous savons
- créer une carte basique centrée selon nos désirs
Nous allons à présent ajouter les fameux petits marqueurs qui indiquent la localisation d'un endroit donné.
Dans notre dernier billet nous présentions des Google Maps basiques. Nous avons la possibilité de proposer aux utilisateurs un certain niveau de contrôle sur le positionnement ou le zoom de nos cartes, ainsi que sur leur aspect (satellite ou plan).
Comment mettre des données d'adresses (liste de cafés à narguilé de notre site France-Chicha), liste de lieux accessibles du site Jaccede.com, des membres du site Peuplade.fr,...) sur une carte ? Plusieurs API existent (Yahoo Maps...), nous allons étudier celle de Google Maps. Visite guidée de cette API en plusieurs billets.