Comment obtenir automatiquement les coordonnées GPS en longitude et latitude d'une adresse ? Grâce au geocoder de Google, que vous pouvez interroger en Javascript ou en PHP.
Google Maps : affichage auto-adaptatif
Comment adapter l'affichage d'une carte aux données qu'elle contient ? Un peu de calcul sur les coordonnées, et un bon usage de la fonction getBounds(), qui retourne les coordonnées des extrêmes affichés, nous permettront de fixer le centrage et le zoom adéquats.
Google Maps : chargement de données asynchrone
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.
Google Maps : les fenêtres d'information
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.
Google Maps : les marqueurs
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é.
Google Maps : la barre de navigation
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).
Introduction aux Google Maps
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.